[flutter] 플러터 Container에서 수평으로 위젯을 배열하는 방법은 무엇인가요?
예를 들어, 다음과 같이 Row
위젯을 사용하여 수평으로 위젯을 배열할 수 있습니다:
Container(
color: Colors.blue,
height: 100,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Text('위젯 1'),
Text('위젯 2'),
Text('위젯 3'),
],
),
)
위 코드에서 Row
위젯 안에 Text
위젯이 세 개 포함되어 있으며, mainAxisAlignment
속성을 사용하여 자식 위젯들을 수평으로 공간 배분합니다. 위젯을 추가하거나 삭제하여 필요에 맞게 사용할 수 있습니다.
만약 Row
위젯의 자식 위젯들을 일정한 비율로 나누어 배열하고 싶다면 mainAxisAlignment
속성 대신 mainAxisSize
와 crossAxisAlignment
속성을 사용하여 더 세밀한 조정이 가능합니다.
더 많은 정보는 Flutter 공식 문서를 참고할 수 있습니다.