플러터에서 RaisedButton 위젯은 버튼을 만들 때 자주 사용되는 위젯 중 하나입니다. RaisedButton은 터치 이벤트가 발생했을 때 동작하는 버튼을 만들 수 있게 해줍니다. 이번 블로그 포스트에서는 RaisedButtton의 색상 및 미적 설정에 대해 알아보겠습니다.

RaisedButtton 색상 변경

RaisedButton의 색상을 변경하려면 color 속성을 사용하면 됩니다. 예를 들어, 파란색 버튼을 만들고 싶다면 다음과 같이 코드를 작성할 수 있습니다.

RaisedButton(
  color: Colors.blue,
  child: Text('파란색 버튼'),
  onPressed: () {
    // 버튼이 눌렸을 때 동작하는 코드
  },
)

RaisedButton 텍스트 색상 변경

RaisedButton의 텍스트 색상을 변경하려면 textColor 속성을 사용하면 됩니다. 예를 들어, 흰색 텍스트를 가진 버튼을 만들고 싶다면 다음과 같이 코드를 작성할 수 있습니다.

RaisedButton(
  color: Colors.blue,
  textColor: Colors.white,
  child: Text('흰색 텍스트 버튼'),
  onPressed: () {
    // 버튼이 눌렸을 때 동작하는 코드
  },
)

RaisedButton 그림자 설정

RaisedButton에 그림자 효과를 주려면 elevation 속성을 사용하면 됩니다. 이 속성은 버튼의 그림자 깊이를 나타냅니다. 기본값은 2이며, 값이 클수록 그림자가 더 깊어집니다.

RaisedButton(
  color: Colors.blue,
  textColor: Colors.white,
  elevation: 4,
  child: Text('그림자 효과 버튼'),
  onPressed: () {
    // 버튼이 눌렸을 때 동작하는 코드
  },
)

이상으로 플러터 RaisedButton 위젯의 색상 및 미적 설정에 대해 알아보았습니다. RaisedButtton은 매우 다양한 속성을 가지고 있으므로 필요에 따라 설정을 바꿔보세요. Flutter의 공식 문서를 참조하여 더 많은 설정 옵션에 대해 알아보세요.

참고:

• Flutter 공식 문서
• RaisedButton 클래스 API 문서