본문 바로가기
Flutter/Flutter FAQ

Flutter OutlinedButton 테두리 색상을 어떻게 변경하나요?, How to change OutlinedButton border color?

by 베타코드 2023. 12. 11.
반응형

질문


플러터 위젯, 저는 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),
  ),
)
반응형

댓글