Flutter 둥근 테두리가 있는 버튼 만들기 [중복], Create a button with rounded border [duplicate]

질문

FlatButton을 둥근 테두리 버튼으로 만드는 방법은 어떻게 하시겠습니까? RoundedRectangleBorder를 사용하여 둥근 테두리 모양을 가지고 있지만 경계를 색칠해야합니다.

new FlatButton(
  child: new Text("Button text),
  onPressed: null,
  shape: new RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0))
)

둥근 버튼 예시 :

답변

FlatButton 대신 OutlinedButton을(를) 사용하세요.

OutlinedButton(
  onPressed: null,
  style: ButtonStyle(
    shape: MaterialStateProperty.all(RoundedRectangleBorder(borderRadius: BorderRadius.circular(30.0))),
  ),
  child: const Text("버튼 텍스트"),
);