Flutter SnackBar displays under CupertinoTabBar(hidding snackBar)

Question

I have used BottomNavigatoinBar on root page. On one of the pages (Explore page) which is a stateful widget, It has a CupertionoSegmentedTab with three Tab and each displays listview.

I have to display SnackBar based on the listview item click. I can successfully show the SnackBar but It is hidden behind the BottomNavigatoinBar . Is there any solution I can display it above the BottomNavigatoinBar ?

I haven't used Cupertino stuffs but did you try playing with elevations? — erluxman, Aug 08 '19 at 08:21

Jiten Basnet · Accepted Answer · 2020-02-24T06:09:21.270

Simply adjusting the content of the SnackBar helped in my case as:

 Scaffold.of(context).showSnackBar(
        SnackBar(
          content: SizedBox(
              height:70,
              child: Text(state.message.toString())),
        ),
      );

Although the above solution fixed my problem, according to the official docs its says SnackBar has behaviour option: floating, that cause [SnackBar] to be shown above other widgets in the [Scaffold]:

SnackBar(
content: Text("Slow Internet Connection..."),
behavior: SnackBarBehavior.floating,));

Flutter SnackBar displays under CupertinoTabBar(hidding snackBar)

1 Answers1