Flutter 如何导航回特定页面

Question

I have an app with multiple pages where some pages are skip depending on the user selection...

for example, I have the following page

details.dart

contact.dart

address.dart

code.dart

summary.dart

I would like to go to another page from any of the above pages...However, I want first check to see if they are in the stack and then pop to it. Otherwise push that page onto the stack

How do I do this in Flutter

Answer 1

I think you might want to use Navigator.of(context).pushNamedAndRemoveUntil or Navigator.popUntil .

They are very similar however like the name suggests pushNamedAndRemoveUntil pushes a new route when the predicate matches, while popUntil re-uses an existing Route/Widget in the tree.

You can read more about them on this wonderful Medium post explaining all options in greater detail.

Answer 2

You can use routes inside materialApp, after home

return MaterialApp(
    home:... ,
    routes:{
       "/routeName" : (context) => PageRoute()
    }

and then call route name from any pages Ex : app in Contact page need to move to PageRoute

//Contact Page
  ... 
 onTap:(){
   Navigator.pushReplacementName(context,'/routeName');
   }

Answer 3

只需使用多个Navigator.pop

Answer 4

Here is how to navigate between two routes, using these steps:

-Create two routes.

-Navigate to the second route using Navigator.push() .

-Return to the first route using Navigator.pop() .

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    title: 'Navigation Basics',
    home: FirstRoute(),
  ));
}

class FirstRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Route'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('Open route'),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => SecondRoute()),
            );
          },
        ),
      ),
    );
  }
}

class SecondRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Second Route"),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.pop(context);
          },
          child: Text('Go back!'),
        ),
      ),
    );
  }
}