Basic Syntax of CupertinoNavigationBar Widget

Dart




CupertinoNavigationBar(
  leading: // Widget for the leading position,
  middle: // Widget for the middle position (typically a title),
  trailing: // Widget for the trailing position,
  backgroundColor: // Background color of the navigation bar,
  border: // Border configuration for the navigation bar,
  previousPageTitle: // Title of the previous page for back gestures,
  automaticallyImplyLeading: // true or false,
  actionsForegroundColor: // Color for action buttons and back button,
  transitionBetweenRoutes: // true or false,
  heroTag: // Hero tag for hero transitions,
  borderColor: // Color of the navigation bar's border,
  borderOpacity: // Opacity of the navigation bar's border,
)


Flutter – CupertinoNavigationBar Widget

The CupertinoNavigationBar widget in Flutter is a part of the Cupertino package, which is designed to provide an iOS-style look and feel to your Flutter app. This widget represents the navigation bar that is typically found at the top of an iOS app’s screen. In this article, we are going to implement the CupertinoNavigationBar widget and explore some properties of it.

Similar Reads

Basic Syntax of CupertinoNavigationBar Widget

Dart CupertinoNavigationBar(   leading: // Widget for the leading position,   middle: // Widget for the middle position (typically a title),   trailing: // Widget for the trailing position,   backgroundColor: // Background color of the navigation bar,   border: // Border configuration for the navigation bar,   previousPageTitle: // Title of the previous page for back gestures,   automaticallyImplyLeading: // true or false,   actionsForegroundColor: // Color for action buttons and back button,   transitionBetweenRoutes: // true or false,   heroTag: // Hero tag for hero transitions,   borderColor: // Color of the navigation bar's border,   borderOpacity: // Opacity of the navigation bar's border, )...

Required Tools

...

Step By Step Implementations

To build this app, you need the following items installed on your machine:...

Contact Us