Une barre de navigation inférieure que vous pouvez personnaliser avec les options dont vous avez besoin

Une barre de navigation inférieure que vous pouvez personnaliser avec les options dont vous avez besoin, sans aucune limite. Vous pouvez également personnaliser l’apparence de la barre de navigation.

Le package résout un problème avec le package bottom_personalized_dot_bar car il résout les problèmes de i et les problèmes peuvent être résumés dans les points suivants :

• c’est vieux et le propriétaire ne l’a pas mis à jour depuis 3 ans.
• Certaines exceptions ont été attrapées par des gestes.
• pas de définition claire du nombre maximum et du nombre minimum d’éléments affichés.
• oubliez les modifications apportées aux éléments affichés et masqués lors de chaque exécution, de sorte que la configuration de l’utilisateur sera oubliée une fois l’application fermée.
• pas multiplateforme.

La batte Btn Nav est très belle et beaucoup de gens l’aiment tellement. Pour ces raisons, j’ai construit ce package pour le public afin de les aider à ajouter cette magnifique barre de navigation btn à leurs projets. Je souhaite que cela vous aide.

Aperçu en direct

Plates-formes prises en charge

• Flutter Android
• Flutter iOS
• Toile flottante
• Bureau flottant

Null Safe !!

Astuce : le package prend en charge la sécurité nulle

Aperçu du forfait

• Faites glisser et déposez vos options !
• Changer l’icône, l’arrière-plan, le texte, l’élément, l’arrière-plan de l’élément… .. couleurs
• Contrôlez le nombre maximum et le nombre minimum d’éléments affichés
• Écouter les événements ‘Trier, Insérer et Supprimer’
• Modifier dynamiquement l’option sélectionnée
• Enregistrez la configuration modifiée (changements d’éléments et de ses indices) dans les préférences partagées
• Options personnalisées
• Options illimitées
• supporte toutes les plateformes [android- iOS – web – linux – mac – windows]
• Et plus …

Commencer

Tout d’abord, dépend du paquet.

dependencies:
  ...
  draggable_customized_btn_navy_bar: ^0.0.1 #Add the latest version

Ensuite, importez le package dans votre fichier Dart

import 'package:draggable_customized_btn_navy_bar/draggable_customized_btn_navy_bar.dart';

Configuration de base

String _itemSelected = 'item-1';
...
..
.
Scaffold(
  body: Stack(
    children: <Widget>[
      .... // Your App Home
      DraggableCustomizedBtnNavyBar(
          keyItemSelected: _itemSelected,
          hiddenItems: <DraggableCustomizedDotBarItem>[
              DraggableCustomizedDotBarItem('item-4', icon: Icons.cloud, name: 'Nube', onTap: (itemSelected) { /* event selected */ }),
              DraggableCustomizedDotBarItem('item-5', icon: Icons.access_alarm, name: 'Alarma', onTap: (itemSelected) { /* event selected */ }),
              DraggableCustomizedDotBarItem('item-6', icon: Icons.message, name: 'Mensaje', onTap: (itemSelected) { /* event selected */ }),
              DraggableCustomizedDotBarItem('item-7', icon: Icons.notifications, name: 'Alerta', onTap: (itemSelected) { /* event selected */ }),
              DraggableCustomizedDotBarItem('item-8', icon: Icons.security, name: 'Seguridad', onTap: (itemSelected) { /* event selected */ }),
              DraggableCustomizedDotBarItem('item-9', icon: Icons.help, name: 'Ayuda', onTap: (itemSelected) { /* event selected */ }),
              DraggableCustomizedDotBarItem('item-10', icon: Icons.settings, name: 'Config.', onTap: (itemSelected) { /* event selected */ }),
          ],
          items: <DraggableCustomizedDotBarItem>[
              DraggableCustomizedDotBarItem('item-1', icon: Icons.sentiment_very_satisfied, name: 'Flutter', onTap: (itemSelected) { /* event selected */ }),
              DraggableCustomizedDotBarItem('item-2', icon: Icons.favorite_border, name: 'Favorito', onTap: (itemSelected) { /* event selected */ }),
              DraggableCustomizedDotBarItem('item-3', icon: Icons.face, name: 'Perfil', onTap: (itemSelected) { /* event selected */ }),
          ],
      ),
    ],
  ),
);

Personnalisation

DraggableCustomizedBtnNavyBar

DraggableCustomizedDotBarItem

Licence et accessibilité

• Il s’agit de la première version de mon package, donc si vous voyez des problèmes, vous êtes libre d’ouvrir un problème.

Contribuant

Les demandes d’extraction sont les bienvenues. Pour les modifications majeures, veuillez d’abord ouvrir un problème pour discuter de ce que vous souhaitez modifier.

GitHub

Voir Github