[월:] 2023년 03월

Flutter의 ElevatedButton은 일반적인 버튼과는 다르게 3D 효과를 적용하여 눌린 것처럼 보이는 버튼을 만들어줍니다. 이 버튼은 Material Design 스타일의 디자인을 적용할 수 있으며, 버튼의 색상, 텍스트, 그림자 등을 쉽게 커스터마이즈할 수 있습니다.

ElevatedButton은 Material Design 스타일의 디자인 가이드에 따라 생성되며, 버튼이 눌렸을 때 3D 효과를 제공합니다. ElevatedButton은 onPressed 콜백을 제공하여 버튼이 클릭되었을 때 수행되는 작업을 지정할 수 있습니다.

다음은 ElevatedButton을 생성하는 예시입니다.

ElevatedButton(
  onPressed: () {
    // 버튼이 클릭되었을 때 수행될 작업
  },
  child: Text('버튼'),
)

ElevatedButton에는 많은 속성이 있으며, 버튼의 색상, 모양, 그림자 등을 쉽게 변경할 수 있습니다. 예를 들어, ElevatedButton의 색상을 변경하려면 다음과 같이 코드를 작성할 수 있습니다.

ElevatedButton(
  onPressed: () {
    // 버튼이 클릭되었을 때 수행될 작업
  },
  style: ElevatedButton.styleFrom(
    primary: Colors.blue, // 버튼의 배경 색상
  ),
  child: Text('버튼'),
)

이처럼 ElevatedButton은 쉽게 사용할 수 있으며, Material Design 스타일의 3D 버튼을 쉽게 만들어줍니다.