Flutter에서 FlatButton은 터치 가능한 영역에 사용자 지정된 텍스트 또는 아이콘이 있는 단순한 버튼을 만들 때 사용됩니다. 아래는 FlatButton을 사용하는 예시와 활용 방법에 대한 내용입니다.

FlatButton 사용 예시

아래 예시는 onPressed 콜백을 설정하여 버튼이 클릭되었을 때 실행되는 함수를 정의한 간단한 FlatButton의 사용 예시입니다.

FlatButton(
  onPressed: () {
    // 버튼이 클릭됐을 때 실행되는 함수
    // 원하는 작업을 수행합니다.
  },
  child: Text('버튼 텍스트'),
),

FlatButton 활용 방법

FlatButton은 주로 폼의 제출 버튼이나 대화 상자의 닫기 버튼과 같이 간단한 작업을 수행하는 데 사용됩니다. 또한 FlatButton 위젯의 속성을 사용하여 텍스트 스타일이나 아이콘과 같은 디자인적 요소를 지정할 수 있습니다.

FlatButton(
  onPressed: () {
    // 폼 제출 또는 다른 간단한 작업 수행
  },
  child: Text('제출'),
  textColor: Colors.white,
  color: Colors.blue,
  padding: EdgeInsets.all(10.0),
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(8.0),
  ),
)

FlatButton 위젯을 사용하여 간단한 버튼을 만들고 다양한 디자인 요소를 적용할 수 있습니다.

결론

FlatButton은 Flutter 애플리케이션에서 간단한 터치 기반 상호 작용을 구현하는 데 사용됩니다. 위 예시를 참고하여 FlatButton을 활용하여 간편한 버튼을 만들고 사용자 상호 작용을 추가할 수 있습니다.