Study
Flutter

Image & Icon

Penjelasan

Image.asset() menampilkan gambar dari folder project (harus didaftarkan dulu di pubspec.yaml), Image.network() menampilkan gambar dari URL internet. Icon menampilkan ikon dari set Material Icons bawaan Flutter (Icons.namaIkon), sudah tersedia ribuan pilihan tanpa perlu instalasi tambahan.

Contoh Konsep

Column(
    children: [
        Image.asset('assets/images/logo.png', width: 100, height: 100),
        Image.network('https://compiledaily.net/logo.png', width: 100),
        const Icon(Icons.favorite, color: Colors.red, size: 32),
    ],
)

// pubspec.yaml (WAJIB daftarkan folder asset):
// flutter:
//   assets:
//     - assets/images/

Praktikum

Buat Row berisi Icon Icons.star berwarna kuning ukuran 24, diikuti Text "4.8 (200 ulasan)".

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Image.asset() TIDAK akan menemukan file gambarnya kalau folder asset belum didaftarkan di pubspec.yaml (bagian flutter: assets:) — beda dengan folder public/ web yang otomatis bisa diakses, Flutter WAJIB registrasi eksplisit semua asset yang dipakai di aplikasi.