RaisedButton을 사용하면 마우스 클릭 또는 터치에 응답하는 버튼을 생성할 수 있습니다. 그러나 기본값으로 생성되는 RaisedButton의 모양과 크기가 사용자의 요구에 맞지 않을 수 있습니다. Flutter에서 RaisedButton의 모양과 크기를 변경하는 방법에 대해 알아보겠습니다.

1. RaisedButton의 배경색과 텍스트 색상 변경하기

RaisedButton의 배경색과 텍스트의 색상은 각각 color와 textColor 속성을 사용하여 변경할 수 있습니다. 다음은 RaisedButton 배경색과 텍스트 색상을 변경하는 예제 코드입니다.

RaisedButton(
  color: Colors.blue, // 배경색 설정
  textColor: Colors.white, // 텍스트 색상 설정
  onPressed: () {
    // 버튼이 클릭되었을 때 실행되는 코드
  },
  child: Text('버튼'),
)

2. RaisedButton의 모서리를 둥글게 만들기

RaisedButton의 모서리를 둥글게 만들기 위해서는 shape 속성을 사용해야 합니다. 다음은 RaisedButton의 모서리를 둥글게 만드는 예제 코드입니다.

RaisedButton(
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(10.0), // 모서리의 반지름 설정
  ),
  onPressed: () {
    // 버튼이 클릭되었을 때 실행되는 코드
  },
  child: Text('버튼'),
)

3. RaisedButton의 크기 조정하기

RaisedButton의 크기를 조정하기 위해서는 padding 속성을 사용할 수 있습니다. 다음은 RaisedButton의 크기를 조정하는 예제 코드입니다.

RaisedButton(
  padding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0), // 버튼의 padding 설정
  onPressed: () {
    // 버튼이 클릭되었을 때 실행되는 코드
  },
  child: Text('버튼'),
)

RaisedButton의 모양과 크기를 변경하는 방법에 대해 알아보았습니다. 여러분은 위의 예제 코드를 사용하여 Raised