web-dev-qa-db-fra.com

Comment utiliser l'icône de l'image (de l'actif) au lieu de la barre d'avancement de l'icondata et de la pagination dans le flutter

J'utilise la barre de fond de la novice dans mon projet à flotteur Je suis nouveau dans le flotteur et je n'ai aucune idée de pagination et d'utilisation des icônes d'image des actifs au lieu d'icondata. J'ai cherché à ce sujet pour les 2 derniers jours mais pas satisfaction. Aidez-moi, s'il vous plaît......

J'ai utilisé BottomNavigationBar avec un bouton FAB d'ici https://medium.com/coding-with-flutter/flutter-bottomappbar-navigation-with-fab-8b962bb5501https: // github .com/bizz84/inférieur_bar_fab_flutter

J'ai également essayé d'utiliser des icônes personnalisées d'ici https://medium.com/flutterpub/how-to-ujust-custom-icons-in-flutter-834a079d977

mais pas de succès

Je veux juste changer d'icônes et je veux savoir comment utiliser la pagination. Ce que je peux faire des changements dans le dernier code de pagination.

flutterdarticonsimageiconflutter-bottomnavigation
14
user10522232

En flutter, vous pouvez créer une icône à partir d'une image en utilisant un widget appelé ImageIcon. Il vous suffit de fournir une instance de ImageProvider tel que AssetImage, NetworkImage, MemoryImage et ResizeImage. L'exemple ci-dessous utilise l'assoir pour charger l'image. En supposant que vous avez une copie et chargez l'image dans pubspec.yaml, créer un imageicon à partir d'un actif d'image est aussi simple que le code suivant.

Pour créer un ImageIcon, vous devez appeler le constructeur

  const ImageIcon(
    this.image, {
    Key key,
    this.size,
    this.color,
    this.semanticLabel,
  })

Vous êtes seulement nécessaire pour passer l'image. Tous les paramètres nommés sont facultatifs.

Pour définir l'image à afficher comme l'icône, vous devez passer une instance ImageProvider. À cette fin, vous devez créer une instance de n'importe quelle classe qui est un descendant de l'imageProvider telle que AssetImage

 ImageIcon(
   AssetImage('assets/images/pikachu.png'),
   size: 150,
   color: Colors.yellow,
 )

Utilisation imageicon comme icône Exemples

BottomNavigationBarItem(
    title: Text(“Cartoon”),
    icon: ImageIcon(
      AssetImage('assets/images/pikachu.png'),
    )
)

Vous pouvez également faire cela pour utiliser

  BottomNavigationBarItem(
      title: Text("Cartoon"),
      icon: Image.asset("assets/images/pikachu.png", height: 30, width: 30, color: Colors.grey))
0
Paresh Mangukiya