navigation_action_bar

插件介绍

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

一个现代且视觉上吸引人的导航栏，搭配浮动操作按钮，旨在提升Flutter应用中的用户导航体验。它提供简洁且可定制的界面，符合当代设计趋势。该包支持流畅的过渡效果和直观的交互模式，非常适合需要清晰导航路径和显著操作触发器的应用程序。基于Flutter的widget系统构建，可无缝集成到现有项目中。

适合场景

移动应用导航
底部导航栏带浮动按钮
现代用户界面设计
应用仪表板布局
用户入门流程

主要特点

可自定义的导航项目
浮动操作按钮集成
流畅的动画
响应式设计
轻松的主题自定义

适合对象

Flutter 初学者
以用户界面为重点的开发人员
Material Design 爱好者
基于标签的导航应用
需要精美底部栏的项目

使用建议

有限的平台特定行为
无内置状态管理
需要手动处理路由更改
未针对复杂的嵌套导航进行优化
可用的文档最少

原始 README

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

Navigation Action Bar

A flutter package for a beautiful modern Navigation Bar along with a Floating Action Bar

Installing
Usage
Attributes
License

Installing

1. Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  navigation_action_bar: ^0.0.1

2. Install it

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter packages get

3. Import it

Now in your Dart code, you can use:

import 'package:navigation_action_bar/navigation_action_bar.dart';

Usage

    Scaffold(
      bottomNavigationBar: NavigationActionBar(
        context: context,
        scaffoldColor: Colors.blueAccent,
        index: 0,
        subItems: [
          NavBarItem(iconData: Icons.attach_file, size: 25),
          NavBarItem(iconData: Icons.photo, size: 25),
          NavBarItem(iconData: Icons.camera_alt, size: 25),
        ],
        mainIndex: 2,
        items: [
          NavBarItem(iconData: Icons.list, size: 30),
          NavBarItem(iconData: Icons.compare_arrows, size: 30),
          NavBarItem(iconData: Icons.add, size: 40),
          NavBarItem(iconData: Icons.call_merge, size: 30),
          NavBarItem(iconData: Icons.person, size: 30),
        ],
        onTap: (index) {
          setState(() {
            currentIndex = index;
          });
        },
      )

Attributes

Dart attribute	Datatype	Description	Default Value
index	int	Specifies the index of the tab which needs to be open initially	0
mainIndex	int	Specifies the index where the Rotating Button should be placed	@required
items	List<NavBarItem>	The list of widgets which are to be displayed in the Navigation Bar	@required
subItems	List<NavBarItem>	The list of widgets which are to be displayed in Action Bar	@required
scaffoldColor	Color	The color of the scaffold	Colors.blueAccent
backgroundColor	Color	The background color of Navigation Bar	Colors.white
animationCurve	AnimationCurve	Specifies the type of animation curve used by action buttons	Curves.bounceOut
animationDuration	Duration	Specifies how long the animation will last	300 Milliseconds

License

Navigation_Action_Bar is licensed under MIT license. View license.

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

安装插件