[ad_1]
Un package flutter qui fournira un type différent de jolie animation avec un alignement différent.
Principales caractéristiques
- Différents types d’animation dans différents alignements
- Effet de survol de la souris
- De gauche à droite
- De droite à gauche
- De haut en bas
- De bas en haut
Aperçu
Utilisation facile
Importez-le dans votre fichier de projet
import 'package:web_hover_menu/web_hover_menu.dart';
Et ajoutez-le dans sa forme la plus basique comme ceci :
HoverAnimationWidget(
headerTiles: headerModelList,
headerBoxDecoration: const BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(5.0),
),
color: Colors.black),
headerTextColor: Colors.white,
headerTextSize: 15.0,
menuTiles: menuModelList,
menuBoxDecoration: const BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(7.0),
),
color: Colors.black38),
menuTextColor: Colors.white,
animationType: AnimationType.rightToLeft,
menuTextSize: 16.0,
headerPosition: HeaderPosition.bottomRight),
Les attributs
| soutenir | évaluer | obligatoire/facultatif | la description |
|---|---|---|---|
| headerTiles | déployer | obligatoire | Il fournira une liste de menus d’en-tête. |
| menuTuiles | déployer | obligatoire | Il fournira une liste de menus de survol. |
| headerPosition | Douane | obligatoire | Utiliser pour la position de l’en-tête définit le menu. |
| arrière-planWidget | Widget | optionnel | Il fournira l’arrière-plan du widget |
| headerBoxDécoration | style | optionnel | menu d’en-tête particulier du style. |
| headerTextColor | Couleur | optionnel | À utiliser pour la couleur du texte de l’en-tête. |
| headerTextSize | double | optionnel | À utiliser pour la taille du texte de l’en-tête. |
| menuBoîteDécoration | style | optionnel | Utiliser pour le menu d’en-tête particulier du menu de survol. |
| menuTexteCouleur | Couleur | optionnel | Utilisez la couleur du texte pour survoler le menu. |
| animationType | Douane | optionnel | Utiliser pour différents types d’animation |
| menuTextSize | double | optionnel | Utilisez pour la taille du texte pour survoler le menu. |
Dépendances
Le menu animé Web Hover est sous licence MIT.
Nous serions très heureux si vous nous envoyiez des liens vers vos projets où vous utilisez notre composant. Envoyez simplement un e-mail à [email protected] Et faites-nous savoir si vous avez des questions ou des suggestions concernant notre travail.
GitHub
Voir Github
[ad_2]
