Hàng

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

Row giống như Column được xoay ngang: nó đặt các phần tử con cạnh nhau, từ trái sang phải.

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

Hầu hết mọi màn hình Flutter đều được bố cục bằng hàng và cột: một cột gồm nhiều hàng, các hàng có cột bên trong, v.v.

Thử thách

Dễ

Hai từ đang xếp chồng lên nhau. Hãy đặt chúng cạnh nhau, Left trước rồi đến Right.

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: Column(
            children: [
              Text('Left', style: TextStyle(fontSize: 24)),
              Text('Right', style: TextStyle(fontSize: 24)),
            ],
          ),
        ),
      ),
    );
  }
}