[flutter] FlatButton 텍스트와 아이콘을 함께 사용하는 방법은?
Flutter 앱을 개발하는 동안 때로는 FlatButton에 아이콘을 추가하여 텍스트와 함께 보여주고 싶을 때가 있습니다. 이를 위해서는 FlatButton
위젯에 Row
나 Column
을 사용하여 아이콘과 텍스트를 함께 표시할 수 있습니다.
아래는 FlatButton
에 텍스트와 아이콘을 함께 사용하는 예시 코드입니다.
FlatButton(
onPressed: () {
// 버튼이 클릭되었을 때 수행할 액션
},
child: Row(
children: <Widget>[
Icon(Icons.add), // 아이콘 추가
Text('추가'), // 텍스트 추가
],
),
),
위 예시에서 Row
위젯은 자식으로 아이콘과 텍스트를 가지고 있습니다. 이러한 구조를 사용하면 FlatButton
에 텍스트와 아이콘을 함께 표시할 수 있습니다.
이러한 방식으로 FlatButton
위젯에 텍스트와 아이콘을 함께 사용하여 앱을 보다 매력적으로 꾸밀 수 있습니다.
더 자세한 내용은 Flutter 공식 문서를 참고하세요.