Chữ đậm và chữ nghiêng

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

TextStyle có thể chứa nhiều thiết lập cùng lúc, phân cách bằng dấu phẩy. Hai thiết lập trong số đó thay đổi hình dạng của chữ:

Text(
  'Read me',
  style: TextStyle(
    fontWeight: FontWeight.bold,
    fontStyle: FontStyle.italic,
  ),
)

FontWeight.bold làm chữ đậm hơn. FontStyle.italic làm chữ nghiêng. Bạn có thể dùng riêng từng thiết lập hoặc dùng cả hai cùng lúc.

Thử thách

Dễ

Định dạng Important vừa đậm vừa nghiêng. Phần này đã có TextStyle với cỡ chữ, hãy thêm hai thiết lập đó vào.

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(
            'Important',
            style: TextStyle(
              fontSize: 24,
            ),
          ),
        ),
      ),
    );
  }
}