More than 3 years have passed since last update.

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

Posted at 2020-03-24

発生した問題

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

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

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

main.dart

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

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

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

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

main.dart

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

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