[flutter] FlatButton 텍스트와 아이콘을 함께 사용하는 방법은?

Flutter 앱을 개발하는 동안 때로는 FlatButton에 아이콘을 추가하여 텍스트와 함께 보여주고 싶을 때가 있습니다. 이를 위해서는 FlatButton 위젯에 RowColumn을 사용하여 아이콘과 텍스트를 함께 표시할 수 있습니다.

아래는 FlatButton에 텍스트와 아이콘을 함께 사용하는 예시 코드입니다.

FlatButton(
  onPressed: () {
    // 버튼이 클릭되었을 때 수행할 액션
  },
  child: Row(
    children: <Widget>[
      Icon(Icons.add), // 아이콘 추가
      Text('추가'), // 텍스트 추가
    ],
  ),
),

위 예시에서 Row 위젯은 자식으로 아이콘과 텍스트를 가지고 있습니다. 이러한 구조를 사용하면 FlatButton에 텍스트와 아이콘을 함께 표시할 수 있습니다.

이러한 방식으로 FlatButton 위젯에 텍스트와 아이콘을 함께 사용하여 앱을 보다 매력적으로 꾸밀 수 있습니다.

더 자세한 내용은 Flutter 공식 문서를 참고하세요.