showModalBottomSheet not working properly within nested go router navigation

Question

I am using go_router package for Navigation 2.0, but while running showModalBottomSheetFunction, the view is not showing correctly. Here is the picture:

By the way, I am using nested navigation for bottom navigation bar.

I was expecting that ModalBottomSheet should look proper.

Can you share some code where you're implementing bottom navbar and modalBottomSheet? — Soliev, Nov 19 '22 at 14:50
What do you expect ? the navigation bar to be covered by the bottom sheet ? — Thaerith, Dec 31 '22 at 08:58

score 5 · Accepted Answer · answered Dec 31 '22 at 09:22

The navigation bar is probably above your navigation tree (the nested one). To cover the navigation bar with the bottom sheet use: useRootNavigator: true

    showModalBottomSheet(
        useRootNavigator: true,
        context: context,
        builder: (BuildContext context) {
            return const Text("hello");
        });

showModalBottomSheet not working properly within nested go router navigation

1 Answers1