custom_top_navigator

Creator: coderz1093

Last updated:

0 purchases

custom_top_navigator Image
custom_top_navigator Images

Languages

Categories

Add to Cart

Description:

custom top navigator

Custom top navigator #
A flutter package that makes it easy to create your own navigator
anywhere in the widget tree.
A common use for such widget is when you need to implement an "Always presenting bottom navigation bar"

Getting Started #
First you need to add the package to your pubspec.yaml file.
Custom scaffold #
CustomScaffold
is a stateful widget that uses the CustomTopNavigator to to handle item
transition of [BottomNavigationBar] with nested navigation while keeping
the [BottomNavigationBar] visible!
Usage
// Here's the custom scaffold widget
// It takes a normal scaffold with mandatory bottom navigation bar
// and children who are your pages
CustomScaffold(
scaffold: Scaffold(
bottomNavigationBar: BottomNavigationBar(
items: _items,
),
),

// Children are the pages that will be shown by every click
// They should placed in order such as
// `page 0` will be presented when `item 0` in the [BottomNavigationBar] clicked.
children: <Widget>[
Page('0'),
Page('1'),
Page('2'),
],

// Called when one of the [items] is tapped.
onItemTap: (index) {},
);
copied to clipboard
See the
custom_scaffold_example
for more details

Custom top navigator #
The CustomTopNavigator is fairly easy to use
Usage

CustomTopNavigator(
home: YourChildWidget(),
//Specify your page route [PageRoutes.materialPageRoute] or [PageRoutes.cupertinoPageRoute]
pageRoute: PageRoutes.materialPageRoute,
);
copied to clipboard
Then you can call it using the same old Navigator.of(context)
Options

you can specify Named routes exactly like in MaterialApp.

if you want to use the default [Navigator] you need to specify a
[GlobalKey] to your [MaterialApp] and use it navigatorKey.currentState
See the
example
for more details.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.