フラッターの列幅を設定する
2023-09-23 23:44:09
質問
私は3つのセクションでレイアウトを行う必要があり、1つは画面の20%、他の1つは60%、最後の1つは20%である必要があります。 私はこれらの3つの列が行になるべきであることを知っていますが、私はサイズを設定する方法を知りません、私がそれを行うとき、3つの列は同じサイズを取ります。
何かご意見がありましたら、よろしくお願いします。
どのように解決するのですか?
サイズをハードコーディングする代わりに、私が提案するのは
Flex
のように
Row(
children: <Widget>[
Expanded(
flex: 2, // 20%
child: Container(color: Colors.red),
),
Expanded(
flex: 6, // 60%
child: Container(color: Colors.green),
),
Expanded(
flex: 2, // 20%
child: Container(color: Colors.blue),
)
],
)
とすると、以下のような出力になります。
関連
-
[解決済み] Raspberry Pi 3 Model B setup startx or sudo startx gives: command not found.
-
[解決済み] どのように公開TMPTextユニティC#を作るのですか?
-
[解決済み】なぜ一部の開発者にとって優れたUIデザインは難しいのか?[クローズド]
-
[解決済み】UI用語集:Logon vs Login [終了しました]
-
[解決済み] キーボードが表示されると、Flutterのウィジェットがリサイズされます。これを防ぐにはどうしたらよいですか?
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] PL/SQL Developerで行番号を取得する方法は?
-
[解決済み] Raspberry Pi 3 Model B setup startx or sudo startx gives: command not found.
-
[解決済み] プログラムによって色を明るくする
-
[解決済み】関数型GUIプログラミングは可能か?[クローズド]
-
[解決済み】なぜ一部の開発者にとって優れたUIデザインは難しいのか?[クローズド]
-
[解決済み】UI用語集:Logon vs Login [終了しました]
-
[解決済み] エラーメッセージをユーザーに読ませるには?[クローズド]
-
[解決済み] jQueryやAngularJSなどのJavaScriptライブラリでUIを実現できるJSFの必要性とは?
-
[解決済み] ユーザーインターフェースの「ID」または「Id」。
-
与えられた背景色に対して、良いテキストの前景色