Biểu tượng

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

Flutter có hơn một nghìn biểu tượng có sẵn. Hiển thị một biểu tượng bằng widget Icon và tên trong Icons:

Icon(Icons.home)
Icon(Icons.search)
Icon(Icons.settings)

Nhiều biểu tượng có một vài phiên bản. Icons.star là ngôi sao tô kín, còn Icons.star_border chỉ là đường viền của ngôi sao. Biểu tượng được vẽ như chữ cái nên luôn sắc nét ở mọi kích thước.

Thử thách

Dễ

Bên cạnh Favorites có một ngôi sao. Hãy đổi nó thành trái tim đặc: Icons.favorite.

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: Row(
            mainAxisSize: MainAxisSize.min,
            children: [
              Icon(Icons.star),
              SizedBox(width: 8),
              Text('Favorites', style: TextStyle(fontSize: 24)),
            ],
          ),
        ),
      ),
    );
  }
}