Flutter Vertical viewport was given unbounded height 해결

child: Center 하위에 FriendsList()를 구현한 상태에서,

FriendsList() 이외에 MyProfile()을 추가하기 위해 child: Column으로 변경하자

Vertical viewport was given unbounded height 에러가 발생했습니다.

참고로, FriendsList()는 친구 목록을 가져와서 ListView로 빌드하는 함수입니다.

 

body: Padding(
    padding: EdgeInsets.symmetric(horizontal: 18.0),
    child: Column(
        children: [
            FriendsList(),
        ],
    ),
),

 

원인

ListView는 부모 위젯의 높이에 맞춰서 자신의 높이를 설정합니다.

따라서 Column의 높이를 정해주지 않으면 ListView의 높이가 무한이 되며 unbounded height 에러가 발생합니다.

 

해결방법

1) Expanded()

화면의 나머지 높이를 전부 ListView에 할당해줄 수 있습니다.

 

2) SizedBox()

ListView를 SizedBox로 감싸고 SizedBox에 높이를 설정해줍니다.