Flutter:在“ bottomNavigationBar”上方显示“ showBottomSheet”

时间:2020-08-30 12:36:58

标签: flutter user-interface

如何在“ bottomNavigationBar”顶部显示“ showBottomSheet”。

说明性示例:当用户单击图钉(屏幕1)时,结果是(屏幕2),但是我想获取(屏幕3)

enter image description here

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

1 个答案:

答案 0 :(得分:0)

您可以使用

showModalBottomSheet()

代替

showBottomSheet()

showModelBottomSheet()从屏幕底部打开,并与底部导航重叠。