如何显示flutter底部表单,对话框超过本地底部导航栏?

wnavrhmk  于 2023-01-09  发布在  Flutter
关注(0)|答案(1)|浏览(177)

我正在将flutter中完成的一个屏幕集成到一个现有的原生应用中。原生应用有一个底部导航栏,它出现在所有屏幕上。flutter屏幕需要显示底部表单和对话框,但所有这些都只显示在底部导航栏后面(顶部导航栏也一样)。理想情况下,它应该出现在所有UI元素的顶部。我该如何做到这一点?

nxagd54h

nxagd54h1#

showModalBottomSheet 方法中将useRootNavigator标记为true
代码如下所示:

showModalBottomSheet(
     shape: const RoundedRectangleBorder(
       borderRadius: BorderRadius.only(
         topLeft: Radius.circular(25.0),
         topRight: Radius.circular(25.0),
       ),
     ),
     backgroundColor: Colors.white,
     context: context,
     isScrollControlled: true,
     useRootNavigator: true, /// add this line to show bottomsheet over navbar    
     builder: (BuildContext context) {
      return YourBottomLayout();
     },
    );

相关问题