반응형
질문
플러터 위젯, 저는 BorderSide(color : Colors.blue)을 사용하여 OutlineButton의 테두리 색상을 변경해 보았습니다. 테두리 색상을 어떤 색상으로 설정하더라도 OutlineButton은 항상 회색 테두리를 가지고 있지만 너비 변경은 적용됩니다. OutlineButton의 테두리 선 색상을 어떻게 변경할 수 있을까요?
class OutlineButtonWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: OutlineButton(
onPressed: null,
borderSide: BorderSide(
width: 5.0,
color: Colors.blue,
style: BorderStyle.solid,
),
child: Text('outline button')
),
),
);
}
}
답변
사용하려면 style
속성을 사용합니다:
OutlinedButton(
onPressed: () {},
child: Text('Outlined button'),
style: OutlinedButton.styleFrom(
side: BorderSide(width: 5.0, color: Colors.blue),
),
)
반응형
댓글