[flutter] RaisedButton의 테두리 스타일링
Flutter의 RaisedButton은 사용자에 대한 상호작용을 유도하는 데 사용되는 버튼 위젯입니다. RaisedButton은 배경색과 텍스트스타일을 사용자 지정할 수 있지만, 테두리 스타일링에 대해서는 기본적으로 제공되지 않습니다. 하지만, 테두리 스타일링을 원한다면 RaisedButton을 커스터마이징하여 원하는 스타일을 적용할 수 있습니다.
다음은 RaisedButton의 테두리 스타일링을 구현하는 간단한 예시입니다:
RaisedButton(
onPressed: () {
// 버튼이 클릭되었을 때 실행되는 코드
},
child: Text('RaisedButton'),
color: Colors.blue,
textColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0),
side: BorderSide(color: Colors.black, width: 2) // 테두리 스타일링을 위한 코드
),
)
위의 코드에서 shape 속성의 RoundedRectangleBorder를 사용하여 버튼의 테두리를 스타일링할 수 있습니다. borderRadius 속성은 버튼의 모서리를 둥글게 만들어주고, side 속성은 테두리의 색상과 두께를 지정합니다.
이제 RaisedButton을 사용하여 버튼을 생성할 때 테두리 스타일링을 적용할 수 있습니다.