개요

Flutter는 Google에서 개발한 크로스 플랫폼 모바일 애플리케이션 개발 프레임워크입니다. Flutter의 Row 위젯은 수평 정렬을 위해 사용되며, 자식 위젯을 가로로 배열합니다.

Row 위젯의 사용법

Row 위젯은 다음과 같은 속성을 포함합니다:

• children: Row에 속하는 자식 위젯들을 포함하는 리스트입니다. 자식 위젯은 순서대로 가로로 배열됩니다.
• mainAxisAlignment: 자식 위젯들의 가로 정렬 방식을 설정합니다. 기본값은 MainAxisAlignment.start입니다.
• crossAxisAlignment: 자식 위젯들의 세로 정렬 방식을 설정합니다. 기본값은 CrossAxisAlignment.center입니다.
• mainAxisSize: Row 위젯의 크기를 결정합니다. 기본적으로 Row는 자식 위젯의 내용물에 맞게 크기가 결정됩니다.

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
    Container(
      color: Colors.red,
      width: 50,
      height: 50,
    ),
    Container(
      color: Colors.green,
      width: 50,
      height: 50,
    ),
    Container(
      color: Colors.blue,
      width: 50,
      height: 50,
    ),
  ],
)

위 예제 코드에서는 세 개의 컨테이너를 수평으로 배열하는 Row 위젯을 만듭니다. 각 컨테이너는 다른 색상을 가지고 있으며, 가로로 중앙에 정렬됩니다.

결론

플러터 Row 위젯은 수평 정렬을 위해 사용되며, 자식 위젯을 가로로 배열합니다. 간단한 예제 코드를 통해 Row 위젯의 사용법을 알아보았습니다. Flutter에서는 다양한 위젯을 조합하여 복잡한 UI를 구성할 수 있으며, Row 위젯은 그 중 하나입니다.

참고 문서:

• Flutter Row 클래스 문서
• Flutter 위젯 카탈로그

더 많은 예제 코드와 사용법은 공식 문서와 위젯 카탈로그를 참고하시기 바랍니다. Happy coding!