[解決済み】行の中のテキストフィールドでレイアウト例外が発生する。Unable to calculate size
2022-04-03 17:58:34
質問
レンダリング例外が発生し、修正する方法がわかりません。3つの行を持つ列を作成しようとしています。
行[画像]
行 [TextField ]。
行[ボタン]
以下は、コンテナを構築するための私のコードです。
Container buildEnterAppContainer(BuildContext context) {
var container = new Container(
padding: const EdgeInsets.all(8.0),
child: new Column(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
buildImageRow(context),
buildAppEntryRow(context),
buildButtonRow(context)
],
),
);
return container;
}
と、テキストコンテナ用のbuildAppEntryRowコード
Widget buildAppEntryRow(BuildContext context) {
return new Row(
children: <Widget>[
new TextField(
decoration: const InputDecoration(helperText: "Enter App ID"),
style: Theme.of(context).textTheme.body1,
)
],
);
}
実行すると、以下のような例外が発生します。
I/flutter ( 7674): BoxConstraints forces an infinite width.
I/flutter ( 7674): These invalid constraints were provided to RenderStack's layout() function by the following
I/flutter ( 7674): function, which probably computed the invalid constraints in question:
I/flutter ( 7674): RenderConstrainedBox.performLayout (package:flutter/src/rendering/proxy_box.dart:256:13)
I/flutter ( 7674): The offending constraints were:
I/flutter ( 7674): BoxConstraints(w=Infinity, 0.0<=h<=Infinity)
buildAppEntryRowをTextFieldに変更すると、次のようになります。
Widget buildAppEntryRow2(BuildContext context) {
return new TextField(
decoration: const InputDecoration(helperText: "Enter App ID"),
style: Theme.of(context).textTheme.body1,
);
}
例外は発生しなくなりました。行の実装で何が欠けていて、その行のサイズを計算できない原因になっているのでしょうか?
解決方法を教えてください。
(を使用していると思われます)。
Row
の横に他のウィジェットを配置したいからです。
TextField
を、将来的には)
は、その
Row
ウィジェットは、フレキシブルでない子プロセスの本質的なサイズを決定したいのです。しかし
TextField
は固有の幅を持たず、親コンテナの幅いっぱいの大きさになるようにしか知らないのです。これを
Flexible
または
Expanded
を伝えるために
Row
を期待していることを示します。
TextField
が残りのスペースを占めます。
new Row(
children: <Widget>[
new Flexible(
child: new TextField(
decoration: const InputDecoration(helperText: "Enter App ID"),
style: Theme.of(context).textTheme.body1,
),
),
],
),
関連
-
[解決済み] flutterで文字に下線を引く方法
-
flutter,コマンド PhaseScriptExecution が 0 以外の終了コードで失敗しました。
-
[解決済み】Flutterでアプリケーションランチャーのアイコンを変更するには?
-
[解決済み】メッセージ「flutter run: 接続されたデバイスがありません"
-
[解決済み】Flutter - オーバーフロー時にテキストを折り返し、省略記号の挿入やフェードを行う
-
[解決済み】Flutterでウィジェットをプログラム的に表示・非表示にする方法
-
[解決済み】Flutterで少し遅れてからコードを実行する方法は?
-
[解決済み] Flutterでボタンの幅と高さを設定する方法は?
-
[解決済み] dispose() の後に setState() が呼ばれる。
-
[解決済み] 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 TextField 入力ボックスコンポーネント
-
[解決済み] Flutterで丸みを帯びたボタン/border-radius付きボタンを作成する
-
[解決済み】FlutterでStatefulWidgetにデータを渡して、その状態のままアクセスする方法
-
[解決済み】Flutterのテキストウィジェットの下に黄色い線が?
-
[解決済み】flutterのwrap_contentとmatch_parentに相当するもの?
-
[解決済み】Flutterで少し遅れてからコードを実行する方法は?
-
[解決済み】flutterでパッケージ名を変更する方法は?
-
[解決済み] Flutterでボタンの幅と高さを設定する方法は?
-
[解決済み] フラッター エキスパンドとフレキシブル
-
[解決済み] FlutterでtextAlignプロパティはどのような状況で動作しますか?