Flutter 앱에서 버튼을 만드는 방법 중 하나는 Scaffold 위에 FlatButton을 사용하는 것입니다. FlatButton은 사용자가 터치할 수 있는 텍스트 또는 아이콘을 표시하여 사용자 상호 작용을 처리하는 데 사용됩니다.

1. FlatButton 생성하기

다음과 같이 FlatButton을 사용하여 버튼을 만들 수 있습니다.

FlatButton(
  onPressed: () {
    // 버튼이 눌렸을 때 수행할 동작 추가
  },
  child: Text('버튼 텍스트'),
  color: Colors.blue,
  textColor: Colors.white,
)

위의 코드에서:

• onPressed : 버튼이 눌렸을 때 실행할 콜백 함수를 정의합니다.
• child : 버튼에 표시될 텍스트를 정의합니다.
• color : 버튼의 배경색을 정의합니다.
• textColor : 버튼 텍스트의 색상을 정의합니다.

2. Scaffold에서 사용하기

Scaffold의 body 속성 안에 FlatButton 위젯을 배치하여 화면에 버튼을 표시할 수 있습니다.

Scaffold(
  appBar: AppBar(
    title: Text('FlatButton 예제'),
  ),
  body: Center(
    child: FlatButton(
      onPressed: () {
        // 버튼이 눌렸을 때 수행할 동작 추가
      },
      child: Text('버튼 텍스트'),
      color: Colors.blue,
      textColor: Colors.white,
    ),
  ),
)

위의 코드에서 Scaffold의 body 안에 Center 위젯을 사용하여 화면 중앙에 버튼을 배치하고, 그 안에 FlatButton 위젯을 추가하여 버튼을 생성합니다.

이제, Scaffold를 사용하여 FlatButton을 화면에 표시하는 방법을 알아보았습니다.

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