[flutter] 플러터 Wrap을 사용하는 이유는 무엇인가요?
  1. 공간 활용: Wrap은 부모 컨테이너의 크기에 맞지 않는 위젯을 자동으로 다음 줄에 배치합니다. 이를 통해 부모 컨테이너의 공간을 효율적으로 활용할 수 있습니다.

  2. 다양한 크기의 위젯 처리: Wrap은 서로 다른 크기의 위젯을 쉽게 처리할 수 있습니다. 일렬로 배치할 때에는 너비를 초과하는 경우 다음 줄로 넘어가게 됩니다.

  3. 유연한 레이아웃 구성: Wrap은 유연한 레이아웃을 구성하기 위한 다양한 옵션을 제공합니다. 위젯 간의 간격조절, 정렬, 정렬 방향 등을 설정할 수 있습니다.

  4. 동적인 데이터 처리: Wrap은 동적인 데이터 처리에 효과적입니다. 데이터가 변경되어도 Wrap은 자동으로 적절하게 레이아웃을 조정합니다.

Wrap은 여러 가지 상황에서 유용하게 사용될 수 있는데, 예를 들어 가변적인 크기의 아이콘이나 버튼, 태그 목록 등을 표현하는 데 많이 활용됩니다.

아래는 Wrap을 사용하여 버튼을 표현하는 간단한 예시입니다.

Wrap(
  spacing: 8.0, // 위젯 간의 가로 간격 설정
  runSpacing: 4.0, // 위젯 간의 세로 간격 설정
  children: <Widget>[
    RaisedButton(
      child: Text("버튼 1"),
      onPressed: () {},
    ),
    RaisedButton(
      child: Text("버튼 2"),
      onPressed: () {},
    ),
    RaisedButton(
      child: Text("버튼 3"),
      onPressed: () {},
    ),
    RaisedButton(
      child: Text("버튼 4"),
      onPressed: () {},
    ),
  ],
)

이처럼 Wrap은 유연한 레이아웃을 구성하기 위해 사용되며, 위젯들을 효과적으로 배치하는 강력한 도구입니다.

참고 자료: