Flutter Navigator

Nested navigation is mostly needed when we don’t want to completely replace the current screen with a new screen . In such cases, what we’ll be doing is pushing a screen only at certain intervals and keeping the rest of the screen intact. For example, the Instagram app.7 Ara 2021

For example: Navigator. push(context, MaterialPageRoute<void>( builder: (BuildContext context) { return Scaffold( appBar: AppBar(title: Text(‘My Page’)), body: Center( child: TextButton( child: Text(‘POP’), onPressed: () { Navigator. pop(context); }, ), ), ); }, ));

In any mobile app, navigating to different pages defines the workflow of the application, and the way to handle the navigation is known as routing . Flutter provides a basic routing class MaterialPageRoute and two methods Navigator. push() and Navigator. pop() that shows how to navigate between two routes.

With the widgets and routes in place, trigger navigation by using the Navigator. pushNamed() method. This tells Flutter to build the widget defined in the routes table and launch the screen . In the build() method of the FirstScreen widget, update the onPressed() callback: content_copy.