[解決済み] ボタンの幅を親と同じにするには?
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(...),
)
関連
-
[解決済み] Flutter TextButton splashColor プロパティ
-
Gradleの失敗 プロジェクト':app'の評価に問題が発生しました。
-
[解決済み】画面の幅や高さに対する割合で要素をサイズ調整する方法
-
[解決済み】Flutter: 未処理の例外です。バインディングが初期化される前にServicesBinding.defaultBinaryMessengerにアクセスされました。
-
[解決済み】Flutterで少し遅れてからコードを実行する方法は?
-
[解決済み】flutterはアプバー上の戻るボタンを削除します。
-
[解決済み] サブツリー内に同じタグを共有するヒーローが複数存在する
-
[解決済み] Flutterでボタンの幅と高さを設定する方法は?
-
[解決済み] 画面の高さと幅の決め方
-
[解決済み] FlutterでtextAlignプロパティはどのような状況で動作しますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Flutter give コンテナ 丸みを帯びたボーダー
-
Gradleの失敗 プロジェクト':app'の評価に問題が発生しました。
-
flutter TextField 入力ボックスコンポーネント
-
iOS アプリに Flutter を追加しようとすると、コマンド PhaseScriptExecution が 0 以外の終了コードで失敗します。
-
Solve flutter Android ライセンスの状態が不明です。Android SDK Managerを再インストールまたはアップデートしてみてください。
-
[解決済み】オンスクリーンキーボードを解除するにはどうしたらいいですか?
-
[解決済み】起動ロックを解除するために別のflutterコマンドを待機する
-
[解決済み】不要なウィジェットビルドの対処方法は?
-
[解決済み】Flutterのテキストウィジェットの下に黄色い線が?
-
[解決済み】flutterでパッケージ名を変更する方法は?