[Flutter] ListView.Builder 를 사용할때 주의할 점

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) {
  ...
  }
)