플러터(Flutter)는 Google에서 개발한 크로스 플랫폼 모바일 애플리케이션 개발 프레임워크입니다. Flutter는 위젯(Widget) 기반으로 UI를 구성하며, Row 위젯은 가로로 정렬된 자식 위젯들을 가질 수 있는 위젯입니다.

Row 위젯의 자식 위젯들을 가로로 정렬하기 위해서는 mainAxisAlignment 속성을 사용할 수 있습니다. 이 속성은 Row의 주 축(main axis)을 따라 자식 위젯들을 정렬하는 방법을 결정합니다.

다음은 가로 정렬에 사용되는 mainAxisAlignment 속성의 값들과 각각의 역할에 대한 설명입니다.

• MainAxisAlignment.start: 주 축의 시작점에 자식 위젯들을 정렬합니다.
• MainAxisAlignment.end: 주 축의 끝점에 자식 위젯들을 정렬합니다.
• MainAxisAlignment.center: 주 축의 중앙에 자식 위젯들을 정렬합니다.
• MainAxisAlignment.spaceBetween: 자식 위젯들 사이에 동일한 간격을 두며 주 축을 따라 정렬합니다.
• MainAxisAlignment.spaceAround: 주 축의 시작과 끝에 여분의 공백을 포함하여 자식 위젯들을 정렬합니다.
• MainAxisAlignment.spaceEvenly: 주 축 전체에 동일한 간격을 두며 자식 위젯들을 정렬합니다.

아래는 간단한 예제 코드입니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Container(
                width: 50,
                height: 50,
                color: Colors.red,
              ),
              Container(
                width: 50,
                height: 50,
                color: Colors.green,
              ),
              Container(
                width: 50,
                height: 50,
                color: Colors.blue,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

위 코드에서는 mainAxisAlignment을 MainAxisAlignment.spaceBetween로 설정하여 자식 위젯들을 같은 간격으로 가로 정렬하고 있습니다.

이렇게 플러터의 Row 위젯에서 자식 위젯들을 가로로 정렬하는 방법을 알아보았습니다. 본 예제 코드를 참고하여 다양한 가로 정렬 방식을 적용해 보세요.

더 자세한 내용은 플러터 공식 문서를 참조하시기 바랍니다.