목록ListView (1)

오예남

[Flutter] Expanded 위젯으로 Overflowed By xx pixels 해결하기

안녕하세요, 오예남 입니다. 오늘은 저번시간에 만들었던 ListView를 만들면서 발생한 Overflowed 현상을 해결하는 방법을 공유드리려고 합니다. Flutter에서 자주 발생하는 문제인데, 보통 Row/Column 위젯을 사용할때 고정되지않은 크기의 자식위젯을 사용하면 스마트폰의 범위를 벗어나면서 에러가 발생합니다. 아래 사진처럼 UI상에서 오버플로가 발생했다는 노란색,검은색 줄무늬의 에러 표시를 볼 수 있습니다. 위 현상은 Flexible 이나 Expanded 위젯을 사용하면 쉽게 해결할 수 있습니다. 저는 아래와같이 Expanded 위젯으로 Column 위젯을 wraping하여 해결하였습니다. ListView.builder( itemBuilder: (context, index) { return..
Flutter 2021. 12. 24. 10:00
이전 Prev 1 Next 다음