[解決済み] FlutterでListViewをColumnに追加する方法とは?
2022-02-27 17:45:47
質問
Flutterアプリに簡単なログインページを作ろうとしています。 TextFieldsとログイン/サインインボタンはうまく作れました。 横長のListViewを追加したいです。 コードを実行すると私の要素が消えてしまいます。ListViewなしで実行すると、またうまくいきます。どうしたら正しくできるでしょうか?
return new MaterialApp(
home: new Scaffold(
appBar: new AppBar(
title: new Text("Login / Signup"),
),
body: new Container(
child: new Center(
child: new Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new TextField(
decoration: new InputDecoration(
hintText: "E M A I L A D D R E S S"
),
),
new Padding(padding: new EdgeInsets.all(15.00)),
new TextField(obscureText: true,
decoration: new InputDecoration(
hintText: "P A S S W O R D"
),
),
new Padding(padding: new EdgeInsets.all(15.00)),
new TextField(decoration: new InputDecoration(
hintText: "U S E R N A M E"
),),
new RaisedButton(onPressed: null,
child: new Text("SIGNUP"),),
new Padding(padding: new EdgeInsets.all(15.00)),
new RaisedButton(onPressed: null,
child: new Text("LOGIN"),),
new Padding(padding: new EdgeInsets.all(15.00)),
new ListView(scrollDirection: Axis.horizontal,
children: <Widget>[
new RaisedButton(onPressed: null,
child: new Text("Facebook"),),
new Padding(padding: new EdgeInsets.all(5.00)),
new RaisedButton(onPressed: null,
child: new Text("Google"),)
],)
],
),
),
margin: new EdgeInsets.all(15.00),
),
),
);
解決方法は?
コンソール出力を確認することができます。エラーが表示されます。
performResize() 中に以下のアサーションがスローされました。 水平ビューポートの高さが未束縛である。 ビューポートは横軸に拡張してコンテナを満たし、子ビューポートを拘束してそのコンテナに一致させます。 を使用します。この場合、水平ビューポートは無制限に与えられました。 の垂直方向への拡大が可能です。
水平方向のリストに高さの制約を追加する必要があります。例:高さのあるコンテナで囲む。
Container(
height: 44.0,
child: ListView(
scrollDirection: Axis.horizontal,
children: <Widget>[
RaisedButton(
onPressed: null,
child: Text("Facebook"),
),
Padding(padding: EdgeInsets.all(5.00)),
RaisedButton(
onPressed: null,
child: Text("Google"),
)
],
),
)
関連
-
[解決済み] AppBarの先頭のアイコンの大きさを大きくする方法
-
[解決済み] Androidでアクティビティ起動時にEditTextにフォーカスが当たらないようにする方法
-
[解決済み] AndroidのListViewで画像を遅延ロードする方法
-
[解決済み] Flutterで丸みを帯びたボタン/border-radius付きボタンを作成する
-
[解決済み】起動ロックを解除するために別のflutterコマンドを待機する
-
[解決済み】FlutterでToastを作成する方法
-
[解決済み】縦型ビューポートの高さが制限されない。
-
[解決済み】再利用可能なウィジェットを作成するための関数とクラスの違いは何ですか?
-
[解決済み] InkWellでリップルエフェクトが表示されない
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
Gradleの失敗 プロジェクト':app'の評価に問題が発生しました。
-
[解決済み] Flutterで丸みを帯びたボタン/border-radius付きボタンを作成する
-
[解決済み] Flutterでウィジェットにボーダーを追加するには?
-
Solve flutter Android ライセンスの状態が不明です。Android SDK Managerを再インストールまたはアップデートしてみてください。
-
[解決済み】Flutterでアプリケーションランチャーのアイコンを変更するには?
-
[解決済み] Widgetの高さを取得するには?
-
[解決済み] FlutterError: アセットをロードできない
-
[解決済み] TextFieldの外や画面上の任意の場所をクリックした後、flutterのソフト入力キーボードを非表示にする方法は?
-
[解決済み] Flutterで "すりガラス "のような効果を出すには?
-
[解決済み] 画面の高さと幅の決め方