How can I have flutter's navigator push a route in the navigation bar instead if fullscreen

Question

In Flutter, How do I push a screen so that it appears inside the tab, rather than full screen.

Here is my code:

Card(
  color: Colors.white,
  child: ListTile(
    title: Text("PRIVACY POLICY", style: Styles.textDark),
    trailing: Icon(Icons.arrow_forward_ios),
    onTap: () => Navigator.of(context).push(CupertinoPageRoute(builder: (context) => SinglePageTextView("PRIVACY POLICY", "/assets/privacy.txt"))),
  ),
)

PS: I have tried the fullscreenDialog setting on CupertinoPageRoute, and it does nothing!

Source screen:

When tapped Privacy Policy, this shows up:

This is what I am trying to achieve (tab bar is still showing!):

Thanks in advance for the help.

score 1 · Answer 1 · answered May 31 '20 at 18:27

1

Instead of using Navigator, use setState() to change the current page content to one you need.

answered May 31 '20 at 18:27

Alexey Kunakov

86
2

That sounds like a hack, and an ugly one at that. – Ajay Gautam May 31 '20 at 19:50
If he doesn't use Navigator there are no navigation animations. – Ariel Lubaschewski May 31 '20 at 20:13

score 0 · Answer 2 · answered May 31 '20 at 18:37

0

Maybe you could use an ExpansionTile to achieve your goal?

ExpansionTile(
      title: Text("I'm expandable."),
      children: <Widget>[
        Text("Hello, here I am."),
      ],
    ),

answered May 31 '20 at 18:37

Ariel Lubaschewski

155
8

1

That's an interesting idea, Maybe will use if this can't be solved! – Ajay Gautam May 31 '20 at 19:49

How can I have flutter's navigator push a route in the navigation bar instead if fullscreen

Source screen:

When tapped Privacy Policy, this shows up:

This is what I am trying to achieve (tab bar is still showing!):

2 Answers2