Page navigation in Flutter

Mar 18, 202353

AI Translation

This post is translated from Chinese into English through AI.View Original

AI-generated summary

In Dart, there are two methods for navigating between screens in an app. The first method involves defining a route table in the app and then using the Navigator to push to a specific route. The second method involves directly using the Navigator to push to a new screen, without the need for a route table. This method is more convenient for passing arguments between screens.

One method is

new MaterialApp(
      title: '',
      theme: new ThemeData(
        primarySwatch: Colors.cyan,
      ),
      home: new MyHomePage(title: ''),
       routes: {
         '/sortiePage': (BuildContext con)=> new SortiePage()
       },
    );

First, define the names of the routes and the pages to navigate to in the app.

Then,

Navigator.of(context).pushNamed("routeName");

This will display the predefined page based on the route name obtained from the route table using the context.

Another method

Instead of defining a route table, directly use:

Navigator.push(
   context, 
   MaterialPageRoute(
     builder: (context){
       return new SortiePage(
         args: your args data,
       );
     }
   ) 
);

This method may not be as intuitive as using a route table, but it makes passing arguments easier.

One advantage of writing in Dart compared to Android is that you don't have to deal with bundling data.