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