LoginSignup
6
4

More than 3 years have passed since last update.

Flutterで RenderFlex children have non-zero flex but incoming height constraints are unbounded. のエラー

Posted at

発生した問題

Flutterで以下のエラーが出て、進行不能になりました。

RenderFlex children have non-zero flex but incoming height constraints are unbounded.

どうもここのColumnの箇所でエラーが出ているようです。(本当はもっとネストが深いです!笑)

main.dart
SingleChildScrollView(
  child: Column(
    children: <Widget>[
      Expanded(
        child: Text('テキストです。')
      ),
    ],
  ),
);

環境

  • macOS Catalina 10.15.1
  • Android Studio 3.6.1
  • Flutter 1.12.13

結論

Column 直下の Expanded を外して、子Widgetのサイズを見直すことで解決しました。

原因

スクロールができることで、Widgetの高さに制限がなったColumnが子WidgetのExpandedが高さを埋めるのに合わせて、無限に大きくなってしまったことでした。

本来ならば、親Widgetの最大まで埋めてくれるのがExpandedですが、columnに高さの上限値がないとこのようなエラーが起きてしまいます。

main.dart
SingleChildScrollView(
  child: Column(
    children: <Widget>[
      Expanded(
        child: Text('テキストです。')
      ),
    ],
  ),
);

参考記事

Flutter RenderFlex children have non-zero flex but incoming height constraints are unbounded
https://stackoverflow.com/questions/59291894/renderflex-children-have-non-zero-flex-but-incoming-height-constraints-are-unbou

Column class(そもそもドキュメントでも注意されていました…)
https://api.flutter.dev/flutter/widgets/Column-class.html

6
4
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
4