列

本课属于 Coddy Flutter 学习旅程的“你的第一个应用”单元。第 19 课，共 32 课。

Center 和 Container 只能容纳一个子组件。要显示多个组件，请使用 Column：它会将 children: 中的组件从上到下排列。

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

children: 接收一个列表，因此组件要放在方括号内，每个组件后面都加一个逗号。它们会按照你编写的顺序从上到下显示。

挑战

简单

应用只显示 First。将它替换为一个 Column，按顺序逐行显示 First、Second 和 Third。

亲手试试

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'),
        ),
      ),
    );
  }
}