搜索插件、代码仓与 APP 分类

bottom_bar_matu 封面
插件详情v1.5.0

bottom_bar_matu

一个美观且带有动画效果的底部导航栏,可使用图标数据轻松实现,或自定义为自己的组件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
181
喜欢数
172
Pub 分数
140

安装插件

flutter pub add bottom_bar_matu

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个视觉上吸引人且带有动画效果的底部导航栏,专为Flutter应用设计,可使用预定义图标数据或自定义小部件轻松集成。它支持平滑动画,并在所有主要平台上提供现代外观。该包轻量且开发者友好,可快速设置,配置最少。非常适合需要具有交互式导航元素的引人入胜用户界面的应用。

适合场景

  • 移动应用导航
  • Web 应用程序仪表板
  • 跨平台 UI 一致性
  • 可自定义的底部标签
  • 标签之间的动画过渡

主要特点

  • 流畅的动画
  • 图标数据支持
  • 自定义小部件兼容性
  • 多平台支持
  • 易于实现
  • 响应式设计

适合对象

  • 寻求现代 UI 组件的 Flutter 开发人员
  • 需要动画导航栏的项目
  • 针对 Android、iOS 和网页的应用程序
  • 注重设计的应用程序
  • 快速原型设计

使用建议

  • 可能需要额外的样式来实现复杂布局
  • 超出基本动画之外的自定义功能有限
  • 依赖外部依赖项以实现完整功能
  • 不太适合高度动态的标签内容
  • 最适合标准底部导航模式

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

A beautiful and animated bottom navigation bar.

Here are some supported style:

BottomBarBubble

DEMO

BottomBarDoubleBullet

DEMO

BottomBarLabelSlide

DEMO

Usage

Simple implementation with Icons.data:
bottomNavigationBar: BottomBarBubble(
    selectedIndex: _index,
    items: [
        BottomBarItem(iconData: Icons.home),
        BottomBarItem(iconData: Icons.chat),
        BottomBarItem(iconData: Icons.notifications),
        BottomBarItem(iconData: Icons.calendar_month),
        BottomBarItem(iconData: Icons.settings),
    ],
    onSelect: (index) {
      // implement your select function here
    },
),
Implementation with your custom widget:
bottomNavigationBar: BottomBarBubble(
    selectedIndex: _index,
    items: [
        BottomBarItem(
          iconBuilder: (color) => Image.asset('assets/ic_alarm.png', color: color, height: 30, width: 30)),
        BottomBarItem(
          iconBuilder: (color) => Image.asset('assets/ic_bill.png', color: color, height: 30, width: 30)),
        BottomBarItem(
          iconBuilder: (color) => Image.asset('assets/ic_box.png', color: color, height: 30, width: 30)),
    ],
    onSelect: (index) {
      // implement your select function here
    },
),

License

Copyright (c) 2021 Tuannvm

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

所属分类

源码仓库

使用此插件的项目

暂无相关数据。