Màu chữ

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

color: của TextStyle đặt màu cho chữ. Flutter có sẵn một danh sách màu tên là Colors:

Text(
  'Go',
  style: TextStyle(color: Colors.green),
)

Nhập Colors. rồi đến tên màu: Colors.red, Colors.blue, Colors.orange, Colors.purple và nhiều màu khác. Một số màu có phiên bản nhạt hơn với Accent ở cuối, như Colors.redAccent. Đó là một màu khác.

Thử thách

Dễ

Đổi màu đỏ cho Stop: thêm color: Colors.red vào TextStyle.

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