[Flutter] 2.0 Button(플러터 버튼) 사용방법

안녕하세요 오늘은 Flutter Button 사용방법에 대해 포스팅 해보도록 하겠습니다.

 

flutter 버전이 2.0으로 올라가면서 버튼이 변경되었습니다. 
기존 버튼들인 FlatButton, OutlineButton, RaisedButton  -> TextButton, OutlinedButton, ElevatedButton 으로 변경되었습니다.

 

현재 2.0 이상의 버전에서 기존 버튼들을 사용할 시엔 

이런식으로 deprecated가 된 것을 확인할 수 있으며 대체할 버튼을 사용하라는 친절한 메세지도 보여줍니다. 

 

FlatButton -> TextButton

OutlineButton -> OutlinedButton

RaisedButton -> ElevatedButton 으로 변경되었습니다.

 

바뀐 후 버튼의 사용 방법은 다음과 같습니다.

 

기존 버튼과 선언 방식은 동일합니다. 다만 style 지정방식이 조금 변경되었습니다. 

 

기존 style 지정

 

이렇게 따로따로 인자를 주어야 했습니다. 뭐 크게 불편함은 느끼지 못했지만 

 

변경 후 style 지정 -1 

이런식으로 한번에 .styleForm으로 묶는 방식과

 

변경 후 style 지정 -2

방식이 있습니다.  두번째 방식은 버튼 상태에 따라 스타일을 줄수 있어 조금 더 세밀하게 스타일을 지정할 때 사용하시면 될 것 같습니다. 

 

산출물은 다음과 같습니다.

 

감사합니다. !