행

Coddy Flutter 여정의 첫 앱 만들기 섹션에 포함된 레슨. 32개 중 20번째.

Row는 Column을 옆으로 돌린 것과 같습니다. 자식 요소들을 왼쪽에서 오른쪽으로 나란히 배치합니다.

Row(
  children: [
    Text('Yes'),
    Text('No'),
  ],
)

Flutter 화면은 거의 모두 행과 열로 구성됩니다. 행이 열로 이루어진 열, 그 안에 열이 있는 행 등과 같은 방식입니다.

챌린지

쉬움

두 단어가 위아래로 쌓여 있습니다. 나란히 놓고, Left를 먼저, Right를 그 뒤에 배치하세요.

직접 해보기

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            children: [
              Text('Left', style: TextStyle(fontSize: 24)),
              Text('Right', style: TextStyle(fontSize: 24)),
            ],
          ),
        ),
      ),
    );
  }
}