flutter & dart - ListView 의 hasSize 에러

Overview.

hasSize 문제 진짜 짜증난다 엌ㅋ..

1. 왜 에러가 나오는 것일까
2. Sizedbox

 

1. 왜 에러가 나오는 것일까?

이 오류는 보통 위젯이 레이아웃 되기 전에 그릴 영역의 크기를 결정할 수 없다는 것을 나타냅니다. 이는 주로 부모 위젯이 자식 위젯을 레이아웃하기 위해 충분한 정보를 제공하지 않거나, 자식 위젯이 자신의 크기를 결정할 수 없는 경우에 발생합니다.

해결하기 위해 몇 가지 접근 방법이 있습니다

부모 위젯의 제약사항을 검토하세요: 

부모 위젯이 자식 위젯을 레이아웃하는 데 충분한 제약사항을 제공하는지 확인하세요. 필요한 경우에는 부모 위젯의 크기를 조정하거나 레이아웃 규칙을 수정하여 문제를 해결할 수 있습니다.

 

자식 위젯의 제약사항을 검토하세요: 

자식 위젯이 자신의 크기를 결정하는 데 충분한 정보를 제공하는지 확인하세요. 필요한 경우에는 자식 위젯의 크기나 위치를 조정하여 문제를 해결할 수 있습니다.

 

라는데 그냥 사이즈를 안줘서 그렇다

 

만약 ListView 의 가로 (horizontal) 이라면 높이를 주지 않은 것이 문제이고 , 세로 (vertical) 이라면 넓이를 주지 않은 것이다!

 

 

2. SizedBox 위젯 또는 Container

만약 가로로 사용하고 싶다면 SizedBox 또는 Container 의 높이를 주면 해결!

Column(
  children: [
    SizedBox(
      height: 200, // ListView의 높이 설정
      child: ListView(
        scrollDirection: Axis.horizontal,
        children: [
          // 가로로 놓고 싶은 아이템들
          Container(
            width: 100, // 아이템의 너비
            height: 100, // 아이템의 높이
            color: Colors.red,
          ),
          // 추가적인 아이템들...
        ],
      ),
    ),
    // 다른 Column 자식들...
  ],
)