Cột

Thuộc phần Ứng dụng đầu tiên trong hành trình Flutter của Coddy. Bài học 19 trên 32.

Center và Container chứa một phần tử con. Để hiển thị nhiều widget, hãy dùng Column: widget này xếp các phần tử trong children: lần lượt từ trên xuống dưới.

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

children: nhận một danh sách, vì vậy hãy đặt các widget bên trong dấu ngoặc vuông, mỗi widget theo sau là dấu phẩy. Chúng được hiển thị từ trên xuống dưới theo thứ tự bạn viết.

Thử thách

Dễ

Ứng dụng chỉ hiển thị First. Thay nó bằng một Column hiển thị First, Second và Third, theo đúng thứ tự, mỗi mục nằm bên dưới mục trước.

Tự làm thử

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