앱 개발 중에 사용자와 상호작용하기 위해 버튼을 추가하는 것은 중요합니다. Flutter에서는 RaisedButton 위젯을 사용하여 쉽게 버튼을 만들 수 있습니다. RaisedButton을 사용할 때 텍스트와 아이콘을 추가하는 방법을 알아보겠습니다.

RaisedButton에 텍스트 추가하기

RaisedButton에 텍스트를 추가하려면 child 속성을 사용하면 됩니다. child 속성에는 버튼 안에 표시할 위젯을 지정할 수 있습니다. 일반적으로 Text 위젯을 사용하여 텍스트를 지정합니다.

RaisedButton(
  child: Text('버튼 텍스트'),
  onPressed: () {
    // 버튼 클릭 시 실행할 코드 작성
  },
)

위의 예제에서는 RaisedButton에 ‘버튼 텍스트’라는 텍스트를 추가했습니다. 버튼을 클릭하면 onPressed 속성에 지정한 코드가 실행됩니다.

RaisedButton에 아이콘 추가하기

RaisedButton에 아이콘을 추가하려면 child 속성 대신 icon 속성을 사용해야 합니다. icon 속성에는 아이콘 위젯을 지정할 수 있습니다. 일반적으로 Icon 위젯을 사용하여 아이콘을 지정합니다.

RaisedButton(
  onPressed: () {
    // 버튼 클릭 시 실행할 코드 작성
  },
  child: Row(
    children: [
      Icon(Icons.add),
      SizedBox(width: 8), // 아이콘과 텍스트 사이의 간격 조정
      Text('추가'),
    ],
  ),
)

위의 예제에서는 RaisedButton에 ‘추가’라는 텍스트와 Icons.add 아이콘을 추가했습니다. 버튼을 클릭하면 onPressed 속성에 지정한 코드가 실행됩니다.

RaisedButton을 사용하여 앱에서 텍스트와 아이콘을 추가하는 방법을 알아보았습니다. 이러한 방법을 사용하여 사용자와 상호작용할 수 있는 멋진 버튼을 만들어보세요!

참고 자료

• RaisedButton 클래스 문서
• Flutter 위젯 카탈로그