Lewati ke konten utama

Assets Flutter

Assets di Flutter adalah file-file yang disertakan dalam aplikasi Anda, seperti gambar, font, dan file konfigurasi. Mengelola assets dengan benar sangat penting untuk membuat aplikasi yang lengkap dan fungsional.

Jenis-Jenis Assets

Flutter mendukung berbagai jenis assets, termasuk:

  • Gambar:
    • Format umum: PNG, JPG, JPEG, GIF, WEBP.
    • Digunakan untuk menampilkan gambar di aplikasi.
  • Font:
    • Format umum: TTF, OTF.
    • Digunakan untuk menyesuaikan tampilan teks.
  • File Konfigurasi:
    • File JSON, YAML, atau teks lainnya.
    • Digunakan untuk menyimpan data konfigurasi aplikasi.

Menambahkan Assets ke Proyek

  1. Buat Direktori Assets:
    • Buat direktori assets di direktori root proyek Anda.
    • Anda dapat membuat subdirektori di dalam assets untuk mengelola assets dengan lebih baik (misalnya, assets/images, assets/fonts).
  2. Tambahkan Assets ke pubspec.yaml:
    • Buka file pubspec.yaml di direktori root proyek Anda.
    • Tambahkan bagian assets dan daftar assets yang ingin Anda sertakan:
YAML

flutter:
  assets:
    - assets/images/logo.png
    - assets/fonts/OpenSans-Regular.ttf
    - assets/config/config.json
  • Jika anda ingin menambahkan semua file di dalam folder image, maka gunakan kode berikut.
YAML

flutter:
  assets:
    - assets/images/
  1. Dapatkan Dependensi:
    • Jalankan perintah flutter pub get di terminal untuk mendapatkan dependensi baru.

Menggunakan Assets di Kode

  • Gambar:
Dart

Image.asset('assets/images/logo.png')
  • Font:
Dart

Text(
  'Teks dengan font khusus',
  style: TextStyle(fontFamily: 'OpenSans'),
)
  • File Konfigurasi:
Dart

import 'dart:convert';
import 'package:flutter/services.dart' show rootBundle;

Future<Map<String, dynamic>> loadConfig() async {
  String jsonString = await rootBundle.loadString('assets/config/config.json');
  return json.decode(jsonString);
}

Asset Bundles

  • Flutter mengemas semua assets ke dalam asset bundle.
  • Aplikasi Anda mengakses assets dari asset bundle saat runtime.

Tips Pengelolaan Assets

  • Gunakan nama file dan direktori yang deskriptif.
  • Organisasikan assets Anda dengan baik untuk memudahkan pengelolaan.
  • Optimalkan gambar untuk mengurangi ukuran aplikasi.
  • Gunakan format gambar yang sesuai (misalnya, PNG untuk gambar dengan transparansi, JPG untuk foto).
  • Pertimbangkan untuk menggunakan paket pihak ketiga untuk mengelola assets yang lebih kompleks.