[解決済み] フラッターポジションスタックウィジェットを中央に配置
2022-05-25 10:11:24
質問
スタックにウィジェットがあるので、ボタンバーをスタックの下部中央に配置したいのですが、何も動作しません。ウィジェットは左側に貼り付くだけです。以下は私のコードです。
new Positioned(
bottom: 40.0,
child: new Container(
margin: const EdgeInsets.all(16.0),
child: new Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new Align(
alignment: Alignment.bottomCenter,
child: new ButtonBar(
alignment: MainAxisAlignment.center,
children: <Widget>[
new OutlineButton(
onPressed: () {
Navigator.push(
context,
new MaterialPageRoute(
builder: (context) => new LoginPage()));
},
child: new Text(
"Login",
style: new TextStyle(color: Colors.white),
),
),
new RaisedButton(
color: Colors.white,
onPressed: () {
Navigator.push(
context,
new MaterialPageRoute(
builder: (context) =>
new RegistrationPage()));
},
child: new Text(
"Register",
style: new TextStyle(color: Colors.black),
),
)
],
),
)
],
),
),
)
私は文字通り、すべてのセンターアライメントを試してみました、助けてください。
どのように解決するのですか?
これ以外を削除してください。
Align(
alignment: Alignment.bottomCenter,
child: new ButtonBar(
alignment: MainAxisAlignment.center,
children: <Widget>[
new OutlineButton(
onPressed: () {
Navigator.push(
context,
new MaterialPageRoute(
builder: (context) => new LoginPage()));
},
child: new Text(
"Login",
style: new TextStyle(color: Colors.white),
),
),
new RaisedButton(
color: Colors.white,
onPressed: () {
Navigator.push(
context,
new MaterialPageRoute(
builder: (context) =>
new RegistrationPage()));
},
child: new Text(
"Register",
style: new TextStyle(color: Colors.black),
),
)
],
),
)
私の理論では、追加の
Container
がそれを破壊しているのです。私は、これを単に
Padding
:
Padding(
padding: EdgeInsets.only(bottom: 20.0),
child: Align...
),
よりもずっと合理的だと思います。
Positioned
よりもずっと合理的だと思いますし、また、私はあなたの
Column
を一人の子供だけとすることも理解できません。
関連
-
[解決済み] FlutterのColumnの子供の間のスペース
-
[解決済み] constコンストラクタは実際にどのように動作するのですか?
-
[解決済み] Dartのasyncとasync*の違いは何ですか?
-
[解決済み] Dartでdoubleをintに変換する方法は?
-
[解決済み] 段落内のテキストを太字にする(または書式設定する)にはどうしたらよいですか?
-
[解決済み] Dartでインデックスと値でリストを列挙またはマップする
-
[解決済み] フラッター AppBarの高さを設定する
-
[解決済み] フラッターポジションスタックウィジェットを中央に配置
-
[解決済み] テキストフィールド(オートフォーカスがtrue)を持つボトムシートをキーボードで移動させるには?
-
[解決済み] リスト firstWhere Bad state: 要素なし
最新
-
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のColumnの子供の間のスペース
-
[解決済み] constコンストラクタは実際にどのように動作するのですか?
-
[解決済み] Flutter RenderBoxがレイアウトされていない
-
[解決済み] Flutterはすべてのルートを削除する
-
[解決済み] 段落内のテキストを太字にする(または書式設定する)にはどうしたらよいですか?
-
[解決済み] Dartでインデックスと値でリストを列挙またはマップする
-
[解決済み] フラッター AppBarの高さを設定する
-
[解決済み] Dartでタイムスタンプを取得するには?
-
[解決済み] リスト firstWhere Bad state: 要素なし
-
[解決済み] FlutterでAlertDialogを作るには?