ElevatedButton을 사용해보기

Flutter의 UI 공부를 했으므로 비망록을 남겨둔다.

오늘의 주제는
htps : // 아피. fぅ r. 에서 v/fぅ는 r/마테리아 l/에ぇゔぁ하고 d부룻-cぁs. HTML
ElevatedButton을 좋은 느낌으로 사용하고 싶다.

htps : // 아피. fぅ r. 로 v/fぅ는 r/마테리아 l/라이세 d부트톤-cぁ s. HTML
원래는 RaisedButton이지만, 지금은 RaisedButton은 obsolete(폐지)로 되어 있고, Flutter1.22.0 이후는 ElevatedButton을 사용해 주세요라는 것입니다.

RaisedButton의 설명에도 있듯이,
FlatButton, RaisedButton, and OutlineButton have been replaced by TextButton, ElevatedButton, and OutlinedButton respectively.
그래서,
FlatButton → TextbuttonRaisedbutton → ElevatedButtonOutlineButton → OutlinedButton이 된 것 같습니다.

padding이거나 fontsize도 바꿀 수 있어, 오리지날의 버튼을 만들 수 있을 것 같네요.

 ElevatedButton(
   onPressed: () {},
   child: Text('いいね'),
   style: ElevatedButton.styleFrom(
     primary: Color(0xFF005731),
     onPrimary: Colors.white,
     padding: EdgeInsets.symmetric(
         horizontal: 100,
         vertical: 5,
      ),
     textStyle: TextStyle(
         fontSize: 15.0,
         fontWeight: FontWeight.bold,
      ),
     shape: RoundedRectangleBorder(
     borderRadius: BorderRadius.circular(10),
   ),
 ),
),

생긴 버튼은 이런 느낌입니다.


<참고>
htps //w w. 킨다코로. 코 m / 아 rc c ぇ /