플러터의 Wrap은 화면에 여러 위젯을 나란히 나열할 때 사용되는 위젯입니다. Wrap은 주어진 공간에 여러 위젯을 감싸고, 필요에 따라 수평이나 수직으로 줄바꿈을 수행합니다.

Wrap은 자식 위젯을 수평 또는 수직의 방향으로 나열할 수 있습니다. 부모 위젯의 공간을 넘어서는 경우, Wrap은 자식 위젯을 줄바꿈하여 여러 줄에 걸쳐 표시할 수 있습니다. 이는 공간의 제한이 있는 상황에서 유용한 기능입니다.

Wrap의 중요한 속성 중 하나는 spacing입니다. spacing 속성은 자식 위젯 사이의 간격을 조절하기 위해 사용됩니다. 이를 통해 자식 위젯 간의 간격을 조정하여 보다 균일하고 간격이 있는 레이아웃을 생성할 수 있습니다.

또한, Wrap은 alignment 속성을 제공합니다. alignment를 사용하여 자식 위젯의 배치 정렬 방식을 지정할 수 있습니다. 예를 들어, 자식 위젯을 시작점, 끝점, 중심 등에 정렬할 수 있습니다.

Wrap은 다양한 플러터 앱에서 사용할 수 있는 유용한 기능입니다. 화면에 동적으로 변경되는 컨텐츠를 나란히 표시하고자 할 때 Wrap을 사용하여 레이아웃을 자유롭게 조절할 수 있습니다.

Wrap(
  spacing: 8.0,
  alignment: WrapAlignment.center,
  children: [
    Container(
      width: 80,
      height: 80,
      color: Colors.red,
    ),
    Container(
      width: 100,
      height: 100,
      color: Colors.blue,
    ),
    Container(
      width: 120,
      height: 120,
      color: Colors.green,
    ),
  ],
)

위의 예시 코드에서는 Wrap 위젯을 사용하여 세 개의 컨테이너를 나란히 표시하고 있습니다. 각 컨테이너는 다른 크기와 색상을 가지고 있으며, spacing 속성을 사용하여 간격을 조절하고, alignment 속성을 사용하여 중심에 배치하도록 설정하였습니다.

Wrap을 사용하면 다양한 형태의 레이아웃을 손쉽게 구성할 수 있으며, 동적으로 변하는 화면에 적합한 유연한 위젯입니다.

참고 문서: Flutter Wrap