본문 바로가기
개발관련/flutter

[flutter 3.0] 플러터 버튼 종류 4가지

by BlueOcean&Shark 2022. 12. 9.

플러터의 버튼 종류 4가지를 알아보겠습니다. 모두 자주 사용하는 버튼이므로 잘 알아두시기 바랍니다.

플러터버튼4가지
플러터버튼4가지

 

 

 TextButton

테두리나 배경 없이 글자로만 구성된 버튼입니다.

TextButton
TextButton

TextButton(
  onPressed: () {},
  child: Text('즐겨찾기'),
),

 

 

▣ ElevatedButton

배경이 있는 버튼입니다. 플러터에서 가장 많이 사용하는 버튼입니다.

ElevatedButton
ElevatedButton

ElevatedButton(
  onPressed: () {},
  child: Text('즐겨찾기'),
),

 

 

 OutlinedButton

테두리가 있는 버튼입니다. 

OutlinedButton
OutlinedButton

OutlinedButton(
  onPressed: () {},
  child: Text('즐겨찾기'),
),

 

 

 FloatingActionButton

일반적으로 우측 하단에 자주 보이는 버튼입니다. 

FloatingActionButton
FloatingActionButton

FloatingActionButton(
  onPressed: () {},
  child: Icon(Icons.thumb_up),
)

 

플러터 버튼 4가지를 간단히 알아보았습니다. 도움이 되셨길 바랍니다. 감사합니다.

 

 

댓글