열

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

Center와 Container에는 자식 하나가 들어갑니다. 여러 위젯을 표시하려면 Column을 사용하세요. Column은 children:에 지정한 위젯을 위에서 아래로 차례로 배치합니다.

Column(
  children: [
    Text('Eggs'),
    Text('Milk'),
    Text('Bread'),
  ],
)

children:에는 목록을 지정하므로, 위젯을 대괄호 안에 넣고 각 위젯 뒤에 쉼표를 붙입니다. 위젯은 작성한 순서대로 위에서 아래로 표시됩니다.

챌린지

쉬움

앱에는 First만 표시됩니다. 이를 First, Second, Third를 순서대로 위아래로 표시하는 Column으로 바꾸세요.

직접 해보기

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: Text('First'),
        ),
      ),
    );
  }
}