FlatButton은 사용자가 터치하여 상호 작용할 수 있는 텍스트 또는 아이콘을 포함하는 Material 위젯입니다. 그림자 효과를 적용하여 Button을 더 화려하게 보이도록 할 수 있습니다. Flutter에서 FlatButton에 그림자 효과를 적용하는 방법을 알아보겠습니다.

그림자 효과가 있는 FlatButton 생성

그림자 효과가 포함된 FlatButton을 만들기 위해 elevation 속성을 사용합니다. elevation은 그림자 효과의 깊이를 나타내는 숫자입니다. 값이 클수록 그림자가 더 깊어집니다.

아래는 elevation 속성을 사용하여 그림자 효과가 있는 FlatButton을 생성하는 예제 코드입니다.

FlatButton(
  onPressed: () {
    // 버튼이 눌렸을 때 수행할 작업
  },
  child: Text('그림자 효과가 있는 버튼'),
  color: Colors.blue,
  textColor: Colors.white,
  elevation: 5, // 그림자 효과의 깊이 설정
)

위의 코드에서 elevation 속성을 사용하여 그림자의 깊이를 설정했습니다.

종합

이제 당신은 Flutter에서 FlatButton에 그림자 효과를 적용하는 방법을 알게 되었습니다. 버튼을 보다 눈에 띄게 만들기 위해 elevation 속성을 활용하여 그림자 효과를 추가할 수 있습니다.

더 많은 정보를 원하시면 Flutter 공식 문서를 참고하세요.