Ikon

Termasuk bagian Aplikasi Pertamamu dalam perjalanan Flutter di Coddy. Pelajaran 25 dari 32.

Flutter menyediakan lebih dari seribu ikon siap pakai. Tampilkan ikon dengan widget Icon dan nama dari Icons:

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

Banyak ikon tersedia dalam beberapa versi. Icons.star adalah bintang terisi, sedangkan Icons.star_border hanya berupa garis luarnya. Ikon digambar seperti huruf, sehingga tetap tajam dalam ukuran apa pun.

Tantangan

Mudah

Di samping Favorites ada sebuah bintang. Ubah menjadi hati yang terisi: Icons.favorite.

Coba sendiri

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)),
            ],
          ),
        ),
      ),
    );
  }
}