Unexpected Blackout Transition Animation in NavBarRouter about navbar_router

[maheshmnj]

Hi, @tushar4303, Thanks for filing the issue. I think this is the same issue as #6 I need to reinvestigate how fade transition works. Meanwhile please follow up on that issue, I know it has been quite a while since it hasn't been solved. I will try my best to solve it within a week.

Closing as duplicate of the linked issue. Incase you disagree, please feel free to write in the comments and I would be happy to rereview.

[tushar4303]

Certainly! Here's a reply you can use:

Hi @maheshmnj ,

Thank you for your prompt response and for linking the related issue #6. I'll keep an eye on that to stay updated on the progress.

In the meantime, I'll explore using the AnimatedSwitcher as suggested in the mentioned issue. Additionally, I have a question regarding implementing a feature in v0.3.3. I'm using four main pages as the base route, and subpages inside them are pushed using navigator.pushNamed. I want the back button behavior to navigate back to the home page when pressed on any of the four pages (similar to Instagram), and on a double tap on the home page, I should exit the app.

I tried the code from the documentation, but it didn't work as expected. Could you please provide guidance or share a code snippet for achieving this behavior?

Thanks again for your assistance!

[maheshmnj]

@tushar4303 to pop to base route from a deeply nested route from any tab you just have to pass shouldPopToBaseRoute: true to navbar_router (true by default) so you don't have to explicitly do anything to achieve that behavior.

for handling the double press backbutton to exit you have to implement your custom logic in onBackButtonPressed

onBackButtonPressed: A function which defines whether it is the root Navigator or not. if the method returns true then the Navigator is at the base of the navigator stack

Heres the implementation from the example app

  DateTime oldTime = DateTime.now();
  DateTime newTime = DateTime.now();
  

 onBackButtonPressed: (isExitingApp) {
          if (isExitingApp) {
            newTime = DateTime.now();
           // time difference between consecutive taps
            int difference = newTime.difference(oldTime).inMilliseconds;
            oldTime = newTime;
            if (difference < 1000) {
              NavbarNotifier.hideSnackBar(context);
              return isExitingApp;
            } else {
              final state = Scaffold.of(context);
              NavbarNotifier.showSnackBar(
                context,
                "Tap back button again to exit",
                bottom: state.hasFloatingActionButton ? 0 : kNavbarHeight,
              );
              return false;
            }
          } else {
            return isExitingApp;
          }
        },

You can see both of those features in action by running the example app. Let me know if any of that doesn't work as intended.