[Error] RenderBox was not laid out

문제점

내 경우엔 Row위젯 안에 TextField위젯을 넣었을 때 발생했다.

TextField위젯이 가지는 InputDecoration으로 인해 발생한 에러이다.

InputDecoration의 선언부에도 주석으로 써 있는데 가로 크기가 무한이면 안된다고 한다.

Row위젯과 같이 width 크기를 제한하지 않는 위젯이 상위에 있으면 에러가 발생한다.

 

Column위젯 안에 ListView위젯을 사용할 때도 발생한다.

 

해결방법

TextField위젯을 Expanded위젯으로 감싸서 width크기를 제한한다.

 

만약 ListView위젯을 Column위젯 안에 넣었을 때 발생했다면 ListView를 Expanded위젯으로 감싸면 된다.

 

---

 

TextField 참고

How to solve ' RenderBox was not laid out:' in flutter in a card widget

 

ListView 참고

How to Solve Render Box Was not Laid Out In Flutter? - Flutter Agency

 

참고 - input_decorator.dart의 916번째 줄 ~ 922번째 줄 주석 내용 (2.10.3버전 기준)

An InputDecorator, which is typically created by a TextField, cannot have an unbounded width.
      This happens when the parent widget does not provide a finite width constraint. For example, if the InputDecorator is contained by a Row, then its width must be constrained. An Expanded widget or a SizedBox can be used to constrain the width of the InputDecorator or the TextField that contains it.