ListView.builder or ListView.seperated 를 사용해서 리스트를 구현할때, UI 관점에서 주의할 점이 있습니다.
ListView 를 생성해서 UI 만들어진 리스트를 보게되면 위 아래 공백이 생깁니다. 자세히 보다보니 ListView 에는 기본적인 Padding 값이 존재합니다. 그렇기때문에 Padding 값을 설정하고 ListView 를 만들어줘야 합니다.
ListView.separated(
shrinkWrap: true,
padding: EdgeInsets.zero,
itemCount: items.length,
separatorBuilder: (BuildContext context, int index) => const SizedBox(height: 15),
itemBuilder: (BuildContext context, int index) {
...
}
)
반응형
'Dev > Flutter' 카테고리의 다른 글
[Flutter] 오류 해결(기타) (0) | 2023.06.30 |
---|---|
[Flutter] AAPT: error: failed to read PNG signature: file does not start with PNG signature. (0) | 2023.06.28 |
[Flutter] Border 테두리 - 라운드 사각형 디자인 (0) | 2022.12.07 |
[Flutter] Mockito 를 이용한 테스트 코드 설정 방법 (0) | 2022.11.25 |
[Flutter] Http 통신 @GET으로 Json 데이터 전송이 가능한가? (0) | 2022.11.23 |