1. ホーム
  2. flutter

[解決済み] ボタンの幅を親と同じにするには?

2022-04-20 03:39:52

質問

に幅を設定する方法を教えてください。 親と同じ レイアウト幅

new Container(
  width: 200.0,
  padding: const EdgeInsets.only(top: 16.0),
  child: new RaisedButton(
    child: new Text(
      "Submit",
      style: new TextStyle(
        color: Colors.white,
      )
    ),
    colorBrightness: Brightness.dark,
    onPressed: () {
      _loginAttempt(context);
    },
    color: Colors.blue,
  ),
),

について少し知っています。 Expanded ウィジェットですが Expanded が左右に広がるのですが、どうすればいいのでしょうか?

どのように解決するのですか?

更新してください。

Flutter 2.0を使用して RaisedButton は非推奨となり、代わりに ElevatedButton を使用することができます。 minimumSize のようにします。

ElevatedButton(
        style: ElevatedButton.styleFrom(
          minimumSize: Size.fromHeight(40), // fromHeight use double.infinity as width and 40 is the height
        ),
        onPressed: () {},
        child: Text('Text Of Button'),
      )


Flutter 2.0 未満の古い回答です。

正しい解答は SizedBox.expand ウィジェットは、その child を親と同じサイズにします。

SizedBox.expand(
  child: RaisedButton(...),
)

多くの代替案があり、多かれ少なかれカスタマイズが可能です。

SizedBox(
  width: double.infinity,
  // height: double.infinity,
  child: RaisedButton(...),
)

を使用するか、または ConstrainedBox

ConstrainedBox(
    constraints: const BoxConstraints(minWidth: double.infinity),
    child: RaisedButton(...),
)