Ikon Aplikasi

Pengantar

Nylo Website v7 menggunakan flutter_launcher_icons untuk membuat ikon aplikasi untuk iOS dan Android dari satu gambar sumber.

Ikon aplikasi Anda harus ditempatkan di direktori assets/app_icon/ dengan ukuran 1024x1024 piksel.

Membuat Ikon Aplikasi

Jalankan perintah berikut untuk membuat ikon untuk semua platform:

dart run flutter_launcher_icons

Perintah ini membaca ikon sumber Anda dari assets/app_icon/ dan menghasilkan:

• Ikon iOS di ios/Runner/Assets.xcassets/AppIcon.appiconset/
• Ikon Android di android/app/src/main/res/mipmap-*/

Menambahkan Ikon Aplikasi Anda

1. Buat ikon Anda sebagai file PNG 1024x1024
2. Letakkan di assets/app_icon/ (contoh: assets/app_icon/icon.png)
3. Perbarui image_path di pubspec.yaml Anda jika diperlukan:

flutter_launcher_icons:
  android: true
  ios: true
  image_path: "assets/app_icon/icon.png"

4. Jalankan perintah pembuatan ikon

Persyaratan Ikon Aplikasi

Penamaan File

Gunakan nama file yang sederhana tanpa karakter khusus:

• app_icon.png
• icon.png

Panduan Platform

Untuk persyaratan detail, lihat panduan platform resmi:

• Apple Human Interface Guidelines - App Icons
• Google Play Icon Design Specifications

Konfigurasi

Sesuaikan pembuatan ikon di pubspec.yaml Anda:

flutter_launcher_icons:
  android: true
  ios: true
  image_path: "assets/app_icon/icon.png"

  # Optional: Use different icons per platform
  # image_path_android: "assets/app_icon/android_icon.png"
  # image_path_ios: "assets/app_icon/ios_icon.png"

  # Optional: Adaptive icons for Android
  # adaptive_icon_background: "#ffffff"
  # adaptive_icon_foreground: "assets/app_icon/foreground.png"

  # Optional: Remove alpha channel for iOS
  # remove_alpha_ios: true

Lihat dokumentasi flutter_launcher_icons untuk semua opsi yang tersedia.

Jumlah Badge

Nylo Website menyediakan fungsi helper untuk mengelola jumlah badge aplikasi (angka yang ditampilkan pada ikon aplikasi):

import 'package:nylo_framework/nylo_framework.dart';

// Set badge count to 5
await setBadgeNumber(5);

// Clear the badge count
await clearBadgeNumber();

Dukungan Platform

Jumlah badge didukung pada:

• iOS: Dukungan native
• Android: Memerlukan dukungan launcher (sebagian besar launcher mendukung ini)
• Web: Tidak didukung

Kasus Penggunaan

Skenario umum untuk jumlah badge:

• Notifikasi yang belum dibaca
• Pesan tertunda
• Item di keranjang
• Tugas yang belum selesai

// Example: Update badge when new messages arrive
void onNewMessage() async {
  int unreadCount = await MessageService.getUnreadCount();
  await setBadgeNumber(unreadCount);
}

// Example: Clear badge when user views messages
void onMessagesViewed() async {
  await clearBadgeNumber();
}