[解決済み] フラッター : 垂直中心柱
2022-05-04 23:37:33
質問
Flutterで列を垂直に中央揃えする方法は?私はウィジェット "new Center" を使用しました。ウィジェット "new Center"を使いましたが、列を垂直方向に中央揃えすることはできませんか?何かアイデアがあれば助かります....
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Thank you"),
),
body: new Center(
child: new Column(
children: <Widget>[
new Padding(
padding: new EdgeInsets.all(25.0),
child: new AnimatedBuilder(
animation: animationController,
child: new Container(
height: 175.0,
width: 175.0,
child: new Image.asset('assets/angry_face.png'),
),
builder: (BuildContext context, Widget _widget) {
return new Transform.rotate(
angle: animationController.value * 6.3,
child: _widget,
);
},
),
),
new Text('We are glad we could serve you...', style: new TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w600,
color: Colors.black87),),
new Padding(padding: new EdgeInsets.symmetric(vertical: 5.0, horizontal: 0.0)),
new Text('We appreciate your feedback ! !', style: new TextStyle(
fontSize: 13.0,
fontWeight: FontWeight.w200,
color: Colors.black87),),
],
),
),
);
}
解決方法は?
Azizが提案する解決策は、次の通りです。
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
//your widgets here...
],
)
パディングがあるため、正確な中央にはならないでしょう。
padding: EdgeInsets.all(25.0),
正確なColumnを作るには、少なくともこのケースでは、パディングを削除する必要があります。
関連
-
[解決済み] AppBarの先頭のアイコンの大きさを大きくする方法
-
flutter,コマンド PhaseScriptExecution が 0 以外の終了コードで失敗しました。
-
iOS アプリに Flutter を追加しようとすると、コマンド PhaseScriptExecution が 0 以外の終了コードで失敗します。
-
[解決済み] 絶対位置指定された要素をdivの中央に配置するにはどうしたらよいですか?
-
[解決済み】Flutter - オーバーフロー時にテキストを折り返し、省略記号の挿入やフェードを行う
-
[解決済み】Flutterアプリにスプラッシュスクリーンを追加する
-
[解決済み] フラッター エキスパンドとフレキシブル
-
[解決済み] TextFieldの外や画面上の任意の場所をクリックした後、flutterのソフト入力キーボードを非表示にする方法は?
-
[解決済み] Flutterで「戻る」ボタンを上書きするには?[重複している]。
-
[解決済み] Flutterで "すりガラス "のような効果を出すには?
最新
-
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でborderRadiusを使用してコンテナにボーダーを追加する
-
iOS アプリに Flutter を追加しようとすると、コマンド PhaseScriptExecution が 0 以外の終了コードで失敗します。
-
[解決済み] Flutterでgoogleとyoutubeの両方にログインする
-
[解決済み] Flutterのデバッグバナーを削除するにはどうしたらいいですか?
-
[解決済み] Flutterでウィジェットにボーダーを追加するには?
-
[解決済み】Flutterで角丸画像を作成する方法
-
[解決済み】FlutterでToastを作成する方法
-
[解決済み】不要なウィジェットビルドの対処方法は?
-
[解決済み] Flutterアプリでインターネット接続が可能かどうかを確認する
-
[解決済み] 依存関係がヌルセーフティをサポートしていないため、サウンドヌルセーフティで実行できない