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:
Customer Reviews
There are no reviews.
