我如何使用Flutter从BottomNavigationBar获得类似WhatsApp的菜单？

Question

我正在尝试从BottomNavigationBar设计一个类似于WhatsApp的菜单，该菜单是用flutter编写的。

我尝试过使用PopupMenuButton类进行设计，但它还将涵盖BottomNavigation。

我需要一个弹出菜单，如菜单，位于BottomNavigationBar上方，如下所示：>

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9sV2RwZC5wbmcifQ==” alt =“从导航栏弹出菜单”>“>

我正在尝试为我的一个应用程序（它是用flutter编写的）从BottomNavigationBar设计类似WhatsApp的菜单。我已经尝试过使用PopupMenuButton类进行设计，但是它将涵盖...

Answer 1

PopupMenuButton在按钮上方打开了一个菜单，因此它阻止了底部的栏。我找到了一种解决方法，而不是使用PopupMenuButton，请尝试将BottomAppBar和IconButton用作子项之一，然后再使用showBottomSheet，这样它就不会阻塞BottomAppBar。

注意：我的大多数代码只是占位符，用于模仿图像的布局，您需要重写它们中的大多数以满足您的需求。关键是使用showBottomSheet解决您的问题。