플러터(Flutter)는 구글에서 개발한 UI 프레임워크로, 웹, 모바일, 데스크탑 등 다양한 플랫폼에서 동일한 코드로 애플리케이션을 작성할 수 있습니다. 이번 예제에서는 플러터의 Row 위젯을 사용하여 간단한 레이아웃을 구성하는 방법을 알아보겠습니다.

Row 위젯이란?

Row 위젯은 가로로 정렬된 자식 위젯들을 가지는 수평 레이아웃을 생성하는 데 사용됩니다. 자식 위젯들은 좌에서 우로 순서대로 배치되며, 필요한 경우 자동으로 줄바꿈이 됩니다.

예제 소스 코드

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Row Widget Example'),
        ),
        body: Center(
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Text('Widget 1'),
              Text('Widget 2'),
              Text('Widget 3'),
            ],
          ),
        ),
      ),
    );
  }
}

위의 예제는 화면의 가운데에 텍스트 위젯들을 가로로 배치하는 간단한 플러터 애플리케이션입니다.

• Row 위젯은 자식 위젯들을 좌에서 우로 순서대로 배치하며, mainAxisAlignment 속성을 사용하여 자식 위젯들의 정렬 방식을 설정할 수 있습니다. 예제에서는 spaceEvenly 값을 주어 자식 위젯들이 동일한 간격으로 정렬되도록 설정했습니다.
• Text 위젯은 텍스트를 표시하는 데 사용됩니다. 예제에서는 세 개의 텍스트 위젯을 생성하여 Row 위젯에 추가하였습니다.

실행 결과

위의 예제를 실행하면 화면의 가운데에 “Widget 1”, “Widget 2”, “Widget 3”라는 텍스트가 가로로 정렬된 형태로 표시됩니다.

플러터의 Row 위젯을 사용하여 간단한 레이아웃을 구성하는 방법에 대해 알아보았습니다. Row 위젯은 플러터에서 자주 사용되는 위젯 중 하나이며, 다양한 UI 디자인을 구현하는 데 유용하게 활용할 수 있습니다.

더 자세한 내용은 Flutter 공식 문서를 참고하시기 바랍니다.