网页动画悬停菜单

Flutter Website Dart Website MIT License

一个 flutter 包，提供不同类型的漂亮动画，具有不同的对齐方式。

主要特点

  • 不同对齐方式的不同类型动画
  • 鼠标悬停效果

现有动画

  • 从左到右
  • 从右到左
  • 从上到下
  • 从下到上

预览

gif gif

易于使用

将其导入到您的项目文件

import 'package:web_hover_menu/web_hover_menu.dart';

并以最基本的形式添加它，例如

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),

属性

属性 value 必需/可选 描述
headerTiles 数组 必需 它将提供头部菜单列表。
menuTiles 数组 必需 它将提供悬停菜单列表。
headerPosition 自定义 必需 用于头部位置定义菜单。
backgroundWidget Widget 可选 它将提供小部件的背景
headerBoxDecoration style 可选 特定头部菜单的样式。
headerTextColor color 可选 用于头部文本颜色。
headerTextSize 双精度 可选 用于头部文本大小。
menuBoxDecoration style 可选 用于特定头部菜单的悬停菜单。
menuTextColor color 可选 用于为悬停菜单设置文本颜色。
animationType 自定义 可选 用于不同类型的动画
menuTextSize 双精度 可选 用于为悬停菜单设置文本大小。

依赖项

  • provider

许可证！

Web Hover Animated Menu 是 MIT 许可。

告诉我们！

如果您将使用我们组件的项目链接发送给我们，我们将非常高兴。只需发送电子邮件至 [email protected]。如果您对我们的工作有任何疑问或建议，也请告知我们。

GitHub

查看 Github