flutter - Keep Navigation rail appears in all app screens

Question

I working on dashboard on ipad device, I created the side navigation bar (NavigationRail), the problem that when I push to another screen inside any navigation rail item the NavigationRail disappear, so is there any way to keep navigation rail in screen even after navigate to another screens inside the same navigation rail item?

thank you

question from:https://stackoverflow.com/questions/65852390/keep-navigation-rail-appears-in-all-app-screens

Answer 1

To keep NavigationRail after push, use nested navigator:

Scaffold(
  body: Row(
    children: [
      NavigationRail(
        // ...
      ),
      VerticalDivider(),
      Expanded(
        child: ClipRect(
          child: Navigator(
            onGenerateRoute: (settings) => MaterialPageRoute(
              builder: (context) => Parent(),
            ),
          ),
        ),
      ),
    ],
  ),
)

Then pushing from Parent will replace screen part only inside the Navigator.