1. ホーム
  2. flutter

[解決済み] Flutterでボタンの幅と高さを設定する方法は?

2022-04-21 21:23:42

質問

の幅を設定できないことを確認しました。 ElevatedButton を使用しています。もし私がよく理解しているのなら、Flutterでは ElevatedButtonSizedBox . そうすれば、ボックスの幅や高さを設定することができるようになります。これは正しいのでしょうか?他の方法はないのでしょうか?

を作成するのは少し面倒です。 SizedBox なぜ、このような方法をとったのでしょうか。きっとそれなりの理由があるのでしょうが、私にはそれがわかりません。 この足場は、初心者が読むにはかなり難しく、構築するのも難しいです。

new SizedBox(
  width: 200.0,
  height: 100.0,
  child: ElevatedButton(
    child: Text('Blabla blablablablablablabla bla bla bla'),
    onPressed: _onButtonPressed,
  ),
),

解決方法は?

ドキュメントにあるように こちら

<ブロッククオート

レイズドボタンの最小サイズは88.0×36.0です。 をButtonThemeでオーバーライドします。

という風にできます。

ButtonTheme(
  minWidth: 200.0,
  height: 100.0,
  child: RaisedButton(
    onPressed: () {},
    child: Text("test"),
  ),
);