Cỡ chữ

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

Một Text có thể nhận style:, thuộc tính này quy định giao diện của văn bản. Kiểu này là một TextStyle, và fontSize: đặt kích thước chữ:

Text(
  'Big news',
  style: TextStyle(fontSize: 40),
)

Văn bản đứng trước, sau đó là dấu phẩy, rồi đến style:. Nếu không có kiểu, văn bản cao 14 pixel. Kích thước 40 phù hợp với tiêu đề, còn 12 phù hợp với chữ nhỏ.

Thử thách

Dễ

Phóng to Big news: thêm style: cho văn bản với fontSize: là 40.

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