Skip to content

Latest commit

 

History

History
81 lines (57 loc) · 3.11 KB

CHANGELOG.md

File metadata and controls

81 lines (57 loc) · 3.11 KB
Raw

NavigationView (1.0.6)

pub package pub points

NavigationView is a Flutter package that provides a navigation component with customizable colors and icons. It allows you to easily create a navigation bar with animated transitions between different pages. by most animation flutter

Demo new

image_demo

Installation ☺

To use the NavigationView package, add the following dependency to your pubspec.yaml file:

pub package

dependencies:
navigation_view: ^1.0.6

Then, run flutter pub get to fetch the package.

Usage

Import the package in your Dart file:

import 'package:navigation_view/navigation_view.dart';

Create a NavigationView widget and provide the necessary parameters:

 NavigationView(
onChangePage: (c) {},
curve: Curves.easeInBack,
durationAnimation: const Duration(milliseconds: 400),
items: [
ItemNavigationView(childAfter: const Icon(Icons.home_rounded,color: Colors.blue,size: 30,),
childBefore: Icon(Icons.home_outlined,color: Colors.grey.withAlpha(60),size: 30,)),
ItemNavigationView(childAfter: const Icon(Icons.widgets_rounded,color: Colors.blue,size: 30,),
childBefore: Icon(Icons.now_widgets_outlined,color: Colors.grey.withAlpha(60),size: 30,)),
ItemNavigationView(childAfter: const Icon(Icons.wifi,color: Colors.blue,size: 30,),childBefore: Icon(Icons.wifi_lock,color: Colors.grey.withAlpha(60),size: 30,)),
ItemNavigationView(childAfter: const Icon(Icons.accessible,color: Colors.blue,size: 30,),
childBefore: Icon(Icons.not_accessible,color: Colors.grey.withAlpha(60),size: 30,)),
],
),

In the above code, onChangePage is a callback function that is triggered when the user changes the page. You can handle the page change logic inside this function.

The curve parameter allows you to specify the animation curve for the transitions between pages. The durationAnimation parameter sets the duration of the animation.

The items parameter is a list of ItemNavigationView widgets. Each ItemNavigationView represents a navigation item and consists of two child widgets: childAfter and childBefore. These child widgets can be any widget, but in this example, we use Icon widgets from the Icons class.

Feel free to customize the icons, colors, and other properties as per your needs.

Example

For a complete example of using the NavigationView package, refer to the example provided.

License

This package is released under the MIT License. See the LICENSE file for more details.

Credits

NavigationView is developed and maintained by puzzleTak.