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 分類

安裝套件