[flutter] 플러터 Wrap을 사용하는 이유는 무엇인가요?
-
공간 활용: Wrap은 부모 컨테이너의 크기에 맞지 않는 위젯을 자동으로 다음 줄에 배치합니다. 이를 통해 부모 컨테이너의 공간을 효율적으로 활용할 수 있습니다.
-
다양한 크기의 위젯 처리: Wrap은 서로 다른 크기의 위젯을 쉽게 처리할 수 있습니다. 일렬로 배치할 때에는 너비를 초과하는 경우 다음 줄로 넘어가게 됩니다.
-
유연한 레이아웃 구성: Wrap은 유연한 레이아웃을 구성하기 위한 다양한 옵션을 제공합니다. 위젯 간의 간격조절, 정렬, 정렬 방향 등을 설정할 수 있습니다.
-
동적인 데이터 처리: 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은 유연한 레이아웃을 구성하기 위해 사용되며, 위젯들을 효과적으로 배치하는 강력한 도구입니다.
참고 자료: