aseem09/navigation_action_bar · GitHub リポジトリ

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

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.

プロジェクトに合うリポジトリを選ぶには？

用途で絞り込み、開発状況を比較し、採用前に元のリポジトリで要件を確認しましょう。

名前・作者・説明で検索し、技術トピックで絞り込みます。

スター、フォーク、最近のプッシュを比較します。スターは関心の目安であり、品質の保証ではありません。

利用前に GitHub で README、ライセンス、Issues を確認します。

情報源と管理

パッケージ、リポジトリ、アプリカテゴリを検索

navigation_action_bar