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.

Answer 1

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");
        });