Navigation in Flutter App - does not work as intended

Question

I try to build a flutter app and want to navigate trough the pages. I build a drawer with a menu with several items to open new pages - that works fine.

      onTap: () {
        Navigator.of(context).pop();
        Navigator.push(
          context,
          new MaterialPageRoute(
            builder: (BuildContext context) => new Page1(),
          ),
        );
      },

By pressing on the Page1 menuitem page1 opens fine. Inside page1 I have a slidable list with "edit" and "details". I open this with

      onTap: () {
        Navigator.of(context).pop();
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (BuildContext context) => new DetailsPage(),
          ),
        );
      },

In the details Page I see all the things i wanna see, but when I press the Back button in the appBar i am back at home screen with closed drawer.

I tried to put onPressed: () => Navigator.pop(context); inside the appBar section but this doesn´t work either.

Now I got what I want by using always Navigator.push but I am sure that this is not right, so that navigator stack gets bigger and bigger.

What I do wrong? Why .pop does not bring me to the last page? Any ideas?

Thx in advance Patrick

LgFranco · Accepted Answer · 2021-02-15 23:15:38Z

1

Just remove the line with the Navigator.of(context).pop();in the Page1 onTap.

answered Feb 15, 2021 at 23:15

LgFranco

1,0546 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DNS · Accepted Answer · 2021-02-15 23:37:57Z

0

you can use pushReplacement in any cases you need to remove current page from stack and route to new page.

Replace the current route of the navigator that most tightly encloses the given context by pushing the given route and then disposing the previous route once the new route has finished animating in.

here is the documentation

answered Feb 15, 2021 at 23:37

DNS

9281 gold badge12 silver badges21 bronze badges

Collectives™ on Stack Overflow

Navigation in Flutter App - does not work as intended

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related