sweet_nav_bar

插件介绍

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

SweetNavBar 是一个 Flutter 包，使开发者能够以最少的代码创建视觉上吸引人、充满渐变色且悬浮的底部导航栏。它简化了在多个平台（包括 Android、iOS、Web、macOS、Windows 和 Linux）上实现现代导航界面的过程。通过可自定义的颜色、动画和流畅的过渡效果，它提升了用户体验，同时保持了简洁明了的 Dart 语法。非常适合需要时尚且响应迅速的导航组件的应用程序。

适合场景

创建现代应用程序界面
向导航栏添加渐变效果
实现浮动底部导航
以最少的努力提升用户界面和用户体验
使用一致的导航构建跨平台应用
轻松自定义导航外观

主要特点

渐变支持
浮动设计
最小设置
跨平台兼容性
流畅的动画
可自定义的颜色和形状

适合对象

移动和网页应用开发者
注重设计的应用程序
需要现代 UI 元素的应用程序
寻求快速导航解决方案的开发者
强调视觉吸引力的项目

使用建议

可能需要额外的样式来实现复杂布局
仅限底部导航使用场景
在低端设备上使用大量渐变时的性能影响
不适用于非底部导航模式

原始 README

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

This package is to build gradiant and floating Navigation Bar with a few lines of code.

Features

easy to use
gradiant icon easily
some beautiful animation

Getting started

To use this package, add sweet_nav_bar as a dependency in your pubspec.yaml file.

Usage

Here is How to use it, You can find Package API

bottomNavigationBar: SweetNavBar(
        paddingGradientColor: iconLinearGradiant,
        currentIndex: cIndex,
        paddingBackgroundColor: Colors.red,
        items: [
          SweetNavBarItem(
              sweetActive: const Icon(Icons.home),
              sweetIcon: const Icon(
                Icons.home_outlined,
              ),
              sweetLabel: 'Home',
              iconColors: iconLinearGradiant,
              sweetBackground: Colors.red),
          SweetNavBarItem(
              sweetIcon: const Icon(Icons.business), sweetLabel: 'Business'),
          SweetNavBarItem(
              sweetIcon: const Icon(Icons.school), sweetLabel: 'School'),
        ],
        onTap: (index) {
          setState(() {
            cIndex = index;
          });
        },
      ),

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

安装插件