Flutter Wrap 정렬 (플러터 Wrap 정렬)

문제

---

리스트가 아이템이 많은 경우 다음 행으로 넘어가도록 Wrap으로 감싸주었다.

그런데 두 번째 줄부터 맨 왼쪽을 기준으로 정렬이 안 되는 문제가 발생했다.

 

기존 코드

Wrap(
      children: [
      /// 리스트 정렬 코드
      /// 길면 두 줄로 넘어감
      ],
);

 

해결

---

spacing과 runSpacing을 설정해 주니 해결되었다. 

- spacing : 요소의 가로 간격을 설정함

- runSpacing : 요소의 세로 간격을 설정함

 

변경한 코드

Wrap(
      spacing: 8,
      runSpacing: 8,
      children: [
      /// 리스트 정렬 코드
      /// 길면 두 줄로 넘어감
      ],
);