Cupertino Navigation Bar flutter | Flutter Cupertino Navigation Bar | iOS Navigation Bar

Показать описание

Cupertino Navigation Bar
An iOS-styled navigation bar.

The navigation bar is a toolbar that minimally consists of a widget, normally a page title, in the middle of the toolbar.

It also supports a leading and trailing widget before and after the middle widget while keeping the middle widget centered.

The leading widget will automatically be a back chevron icon button (or a close button in case of a fullscreen dialog) to pop the current route if none is provided and automaticallyImplyLeading is true (true by default).

The middle widget will automatically be a title text from the current CupertinoPageRoute if none is provided and automatically Imply Middle is true (true by default).

It should be placed at top of the screen and automatically accounts for the OS's status bar.

If the given backgroundColor's opacity is not 1.0 (which is the case by default), it will produce a blurring effect to the content behind it.
#cupertion #navigationbar #flutter #dart #fluttertutorials #fluttertutorial #flutterdeveloper
When transitionBetween Routes is true, this navigation bar will transition on top of the routes instead of inside them if the route being transitioned to also has a CupertinoNavigationBar or a Cupertino Sliver NavigationBar with transitionBetweenRoutes set to true. If transitionBetweenRoutes is true, none of the Widget parameters can contain a key in its subtree since that widget will exist in multiple places in the tree simultaneously.

By default, only one CupertinoNavigationBar or CupertinoSliverNavigationBar should be present in each PageRoute to support the default transitions. Use transitionBetweenRoutes or heroTag to customize the transition behavior for multiple navigation bars per route.

Learn to add an iOS Navigation Bar with Large Titles in Flutter a so called Cupertino Navigation Bar and CupertinoSliverNavigationBar.