ListView.builder 에서 padding 여백

ListView.builder 에서 padding 여백

 

body: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 16),
        child: ListView.separated(
          itemCount: 10,
          itemBuilder: (context, index) {
            return Feed();
          },
          separatorBuilder: (context, index) {
            return Divider();
          },
        ),
      ),

 

const EdgeInsets.symmetric(horizontal: 16)

가로 방향에만 여백을 주는 것 (요소의 왼쪽, 오른쪽이 패딩이 생김) (아래 사진에서 사진의 왼쪽, 하트의 오른쪽)

---

Feed() 자체에 세로 여백을 준다면 ? 아래와 같이 됨

(요소의 위 아래 부분.. 즉 사진의 위 아래 부분에 여백이 생김)

padding: const EdgeInsets.symmetric(vertical: 12)