인프런 커뮤니티 질문&답변

code11님의 프로필 이미지
code11

작성한 질문수

[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

ListView 크기 오류

해결된 질문

작성

·

2.3K

0

  @override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Column(
children: [
ListView.separated(
scrollDirection: Axis.horizontal,
itemCount: 3,
shrinkWrap: true,
separatorBuilder: (context, index) {
return SizedBox(
width: 8.0,
);
},
itemBuilder: (context, index) {
return Container(
width: 300,
height: 300,
child: Text('text'),
);
},
)
],
),
),
));
}
}

출력되는 오류 1 :  Failed assertion: line 1874 pos 16: 'constraints.hasBoundedHeight': is not true.

 

슈링크를 뺴면 나오는 오류: Horizontal viewport was given unbounded height.

 

ListView를 SizedBox w:400, h:400 으로 감싸고 난후 나오는 오류:

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

 

ListView를 Expanded로 감싸고 나오는 오류 :

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

 

 

캘린더스캐쥴러 수강중 ListView파트를 수강하고

응용해볼려고했습니다...

그런데 사이즈 오류가 나서 어디가 잘못된건지 문의드립니다..

 

해본것

1. ListView상위의 Column에 사이즈 주기

2.ListView하위 Container에 사이즈 제거하기

3.Column에 Expanded 주기

4.최상위 Container에 사이즈값주기

 

전부 안됩니다..

ListView를 Cloumn으로 감싸서 쓰고싶은데 오류만 나옵니다.

답변 1

1

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

안녕하세요.

ListView는 높이가 무한한데 Column안에서 얼만큼 공간을 차지해야하는지 모르겠어서 생기는 에러입니다.

ListView를 Expanded로 감싸서 "Column의 높이만큼" 높이를 차지하고 나머지는 스크롤로 처리하라는 메세지를 주시면됩니다.

code11님의 프로필 이미지
code11
질문자

잘 이해했습니다. 수직으로 나열되는 Listview 안에 child Listview들을 수평으로 나열하고 싶었거든요

child ListView 사이즈를 자동으로 하고싶어서 Expanded를 썻었는데 이게 오류였군요.

Expanded 대신 Container로 사이즈를 수동으로 줘서 해결했습니다.

 

code11님의 프로필 이미지
code11

작성한 질문수

질문하기