Wrap은 플러터에서 사용되는 위젯 중 하나로, 자식 위젯들을 가로 또는 세로로 자동으로 배치하는 역할을 합니다. 이번 포스트에서는 Wrap과 관련된 주요 개념들을 살펴보겠습니다.

1. Alignment

Wrap의 자식 위젯들을 정렬하는 방법을 지정하는 속성입니다. alignment 속성을 사용하여 가로 또는 세로 방향으로 정렬할 수 있습니다. 예를 들어, alignment: WrapAlignment.start로 설정하면 자식 위젯들이 시작점에 정렬됩니다.

Wrap(
  alignment: WrapAlignment.start,
  children: [
    // 자식 위젯들
  ],
)

2. Spacing

Wrap의 자식 위젯들 사이의 간격을 조절하는 속성입니다. spacing 속성을 사용하여 간격을 설정할 수 있습니다. 이 속성은 double 타입으로 값을 받으며, 기본값은 0입니다.

Wrap(
  spacing: 10.0,
  children: [
    // 자식 위젯들
  ],
)

3. Run Spacing

Wrap의 각 줄 사이의 간격을 조절하는 속성입니다. runSpacing 속성을 사용하여 줄 간의 간격을 설정할 수 있습니다. 마찬가지로, 이 속성은 double 타입으로 값을 받으며, 기본값은 0입니다.

Wrap(
  runSpacing: 10.0,
  children: [
    // 자식 위젯들
  ],
)

4. Direction

Wrap의 자식 위젯들을 배치하는 방향을 설정하는 속성입니다. direction 속성을 사용하여 가로 또는 세로 방향으로 배치할 수 있습니다. 기본값은 Axis.horizontal입니다.

Wrap(
  direction: Axis.vertical,
  children: [
    // 자식 위젯들
  ],
)

5. Run Alignment

Wrap의 각 줄 내의 자식 위젯들을 정렬하는 방법을 지정하는 속성입니다. runAlignment 속성을 사용하여 가로 또는 세로 방향으로 정렬할 수 있습니다. 기본값은 WrapAlignment.start입니다.

Wrap(
  runAlignment: WrapAlignment.end,
  children: [
    // 자식 위젯들
  ],
)

위에서 소개한 것은 주요 개념들이며, Wrap에는 더 많은 속성들이 있습니다. 자세한 내용은 플러터 공식 문서를 참고하시기 바랍니다.

• Flutter Wrap 공식 문서