Flutter의 기본 버튼 스타일 알아보기

Flutter에서는 사용자 인터페이스의 다양한 요구 사항을 충족시키기 위해 여러 종류의 버튼을 제공합니다. 이 글에서는 Flutter에서 자주 사용되는 주요 버튼 유형에 대해 간단하고 명확하게 설명하겠습니다.

1. ElevatedButton

ElevatedButton은 Flutter에서 가장 기본적인 버튼 유형 중 하나입니다. 이 버튼은 입체감 있는 디자인을 가지며, 일반적으로 주요한 작업을 나타내는 데 사용됩니다.

ElevatedButton(
onPressed: () {
// 버튼이 클릭될 때 수행할 작업
},
child: Text('Elevated Button'),
)

TextButton은 배경이 없고, 텍스트만으로 구성된 버튼입니다. 간단하고 미니멀한 디자인을 선호하는 인터페이스에 적합합니다.

TextButton(
onPressed: () {
// 작업
},
child: Text('Text Button'),
)

IconButton은 아이콘을 표시하는 버튼으로, 공간이 제한된 곳에 아이콘으로 기능을 나타내고자 할 때 유용합니다.

IconButton(
icon: Icon(Icons.star),
onPressed: () {
// 작업
},
)

OutlinedButton은 테두리가 있는 버튼입니다. 내부에 텍스트나 아이콘을 넣을 수 있으며, 버튼의 테두리 스타일을 사용자가 지정할 수 있습니다.

OutlinedButton(
onPressed: () {
// 작업
},
child: Text('Outlined Button'),
)

Flutter에서 제공하는 이러한 버튼들은 앱의 디자인과 기능 요구 사항에 따라 선택하여 사용할 수 있습니다. 각 버튼은 고유한 스타일과 사용 사례를 가지고 있어, 앱의 사용자 경험을 향상시키는 데 큰 도움이 됩니다.