ListView와 Flexible을 동시에 썼더니 화면에 뷰들이 안 뜬다! (Height Constraints are Unbounded)

Yeonnnn | HAMACO·2023년 6월 27일
1

FlutterTroubleShooting

목록 보기
2/3

🥲  문제 발생

  • 긴 텍스트를 넣으려고 하는데, 스크롤이 되도록 ListView안에 넣었다.
  • ListView 안에 꽉 차라고 Flexible을 썼더니 화면에 아무것도 뜨지 않는다.

🚨  에러 내용


에러를 해석하자면, 'non-zero flex'를 가지는데 height constraints are unbounded(한정되지 않은) 여서 에러가 났다는 말이다.

내 코드 안에서는
ListView > Container > SizedBox, Text, (Flexible > Text) 을 순서대로 감싸고 있었다.

문제가 생긴 이유 🤔

  1. ListView 안에 Flexible이 있는데 이 구조에서는 ListView가 상하로 무한확장한다.
  2. Flexible은 남은 자리를 채우는 위젯이기 때문에 ListView를 따라서 엄~~청 늘어나다가 심하게 늘어났을 경우에 이 에러가 생긴다.

✅   해결 방법

Flexible을 빼버린다!

간단하지만 Flexible 빼기만 해도 문제가 해결된다.
내 코드에서는 Text를 감싸고 있던 Flexible을 없애고 Text만 넣었더니 해결됐다.





Trouble Shooting - 'Render Flex non-zero flex but incoming height constraints are unbounded' 해결 완료 ✨

0개의 댓글