Icones d'application

Introduction

Nylo Website v7 utilise flutter_launcher_icons pour generer les icones d'application pour iOS et Android a partir d'une seule image source.

Votre icone d'application doit etre placee dans le repertoire assets/app_icon/ avec une taille de 1024x1024 pixels.

Generer les icones d'application

Executez la commande suivante pour generer les icones pour toutes les plateformes :

dart run flutter_launcher_icons

Cela lit votre icone source depuis assets/app_icon/ et genere :

• Les icones iOS dans ios/Runner/Assets.xcassets/AppIcon.appiconset/
• Les icones Android dans android/app/src/main/res/mipmap-*/

Ajouter votre icone d'application

1. Creez votre icone sous forme de fichier PNG 1024x1024
2. Placez-la dans assets/app_icon/ (par exemple, assets/app_icon/icon.png)
3. Mettez a jour le image_path dans votre pubspec.yaml si necessaire :

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

4. Executez la commande de generation d'icones

Exigences pour les icones d'application

Nommage des fichiers

Gardez des noms de fichiers simples sans caracteres speciaux :

• app_icon.png
• icon.png

Directives des plateformes

Pour des exigences detaillees, consultez les directives officielles des plateformes :

• Directives d'interface humaine Apple - Icones d'application
• Specifications de conception d'icones Google Play

Configuration

Personnalisez la generation d'icones dans votre pubspec.yaml :

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

Consultez la documentation de flutter_launcher_icons pour toutes les options disponibles.

Compteur de badges

Nylo Website fournit des fonctions d'aide pour gerer les compteurs de badges d'application (le nombre affiche sur l'icone de l'application) :

import 'package:nylo_framework/nylo_framework.dart';

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

// Clear the badge count
await clearBadgeNumber();

Support des plateformes

Les compteurs de badges sont supportes sur :

• iOS : Support natif
• Android : Necessite le support du lanceur (la plupart des lanceurs le supportent)
• Web : Non supporte

Cas d'utilisation

Scenarios courants pour les compteurs de badges :

• Notifications non lues
• Messages en attente
• Articles dans le panier
• Taches incompletes

// 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();
}