如何将底部工作表放在底部导航栏上方

Question

我想知道如何在底部导航栏上方放置一个底页，例如这里的 binance lite 应用程序： 示例

我尝试使用 rootnavigator false 但它不起作用，因为在我的底部导航栏中，我有一个徽标，我希望当我单击它时，它会弹出一个模式，但底部导航栏中的徽标仍然存在。

仅使用 showbottommodalsheet 不起作用，因为它覆盖了底部导航栏，因此看不到徽标。 你们能帮我解决一下吗？

这是我的底部导航栏代码

BottomNavigationBarItem(
              icon: GestureDetector(
                onTap: () => 
                  showModalBottomSheet(context: context, 
                  useRootNavigator: false,
                  builder: (BuildContext context) {
                    return Container();
                  })
                ,
                child: Padding(
                  padding: const EdgeInsets.fromLTRB(0, 4, 0, 8),
                  child: Assets.images.logo.svg(),
                ),
              ),
              label: 'Buy', 
            ),

Answer 1

您可以在底部工作表下返回一个列，然后使用底部导航栏和列内的底部工作表项目。这是理想的解决方案。