Flutter：在“bottomNavigationBar”上方显示“showBottomSheet”。

Question

如何在“bottomNavigationBar”的上方展示“showBottomSheet”。

举例说明：当用户点击屏幕1中的图钉时，它会变成屏幕2，但我想要实现的是屏幕3。

return Scaffold(
  appBar: AppBar(
    title: Text(widget.title),
  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
  floatingActionButton: FloatingActionButton(
    onPressed: () { 
       showBottomSheet(
           context: context,
           builder: (c) => Container(...)
       );
    },
    ...
  ),
  bottomNavigationBar: BottomNavigationBar(
    ...
  ),
);

- Женя Скакун

---

先添加您的代码。 - OMi Shah

@OMiShah 添加了示例代码。 - Женя Скакун

这个回答解决了你的问题吗？在bottomNavigationBar下方显示bottomSheet - OMi Shah

@OMiShah 这不是我想要的。 - Женя Скакун

我怀疑是否还有其他解决方案。 - OMi Shah

Answer 1

You can use

showModalBottomSheet()

instead of

showBottomSheet()

showModelBottomSheet() 方法可以从屏幕底部弹出一个模态框，覆盖住底部的导航栏。

- Rohit Soni

---

我需要与bottomSheet后面的元素进行交互的能力。 showModalBottomSheet - 无法实现。 - Женя Скакун

@ЖеняСкакун，你找到这个问题的答案/解决方案了吗？ - Andy Shephard

@AndyShephard 是的，它起作用了（https://drive.google.com/file/d/1Xh-ROfLGyMUBhH1MN1IBM8AGAoD1qBnZ/view?usp=sharing） - Женя Скакун

我使用了一个栈([脚手架，停止器]); 停止器 - https://pub.dev/packages/stopper (但是我不得不对它进行了很多修改)。 - Женя Скакун