Flutter OutlineButtonのサイズの変更方法

Flutter OutlineButtonのサイズの変更方法

少し前にボタンが一新されサイズの指定方法が異なったので備忘録として残します。

以前までのボタン

OutlineButton(
  onPressed: () {},
  child: Text('Button'),
),

ボタンのサイズを変更するにはButtonThemaウィジェットで囲えばよかったです。

ButtonTheme(
  minWidth: 200,
  child: OutlineButton(
    onPressed: () {},
    child: Text('Button'),
  ),
),

新しいOutlinedButtonウィジェットも同じようにButtonThemaで囲ってみます。

ButtonTheme(
  minWidth: 200,
  child: OutlinedButton(
  onPressed: () {},
  child: Text('Button'),
  ),
),

しかし横幅は変わりません。

結論 Styleプロパティで指定

OutlinedButton(
  style: OutlinedButton.styleFrom(minimumSize: Size(200, 40)),
  onPressed: () {},
  child: Text('Button'),
),

styleプロパティでminimumSizeを指定してあげればボタンのサイズを変更できました。

参考: https://stackoverflow.com/questions/55989335/how-to-change-outline-button-size

Flutterカテゴリの最新記事