如何解决如何在颤动中设置showModalBottomSheet宽度
我有设计(如图所示),我正在使用 showModalBottomSheet 但是当我设置宽度时,它不会改变并保持屏幕宽度,所以我有几个问题:
1-如何设置宽度以显示ModalBottomSheet
2-对于这种底部菜单的
是否有替代showModalBottomSheet
3-如何模糊照片中显示的背景
showModalBottomSheet<void>(
context: context,builder: (BuildContext context) {
return Container(
height: SizeConfig.screenHeight * 0.6,width: 30,color: Colors.red,child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,mainAxisSize: MainAxisSize.min,children: <Widget>[
const Text('Modal BottomSheet'),ElevatedButton(
child: const Text('Close BottomSheet'),onPressed: () => Navigator.pop(context),)
],),);
},);
解决方法
我通过将容器放入容器中解决了这个问题。
父容器具有透明颜色,而子容器具有纯色和填充。
但我仍然不知道如何模糊背景。
这是代码:
showModalBottomSheet(
context: context,backgroundColor: Colors.transparent,builder: (BuildContext bc) {
return Container(
height: SizeConfig.screenHeight * 0.6,child: Padding(
padding: EdgeInsets.only(left: SizeConfig.screenWidth * 0.4),child: Container(
child: SingleChildScrollView(
child:
Padding(
padding: EdgeInsets.only(
top: SizeConfig.blockSizeVertical * 1.5),child: Column(
mainAxisAlignment: MainAxisAlignment.center,crossAxisAlignment: CrossAxisAlignment.start,mainAxisSize: MainAxisSize.min,children: <Widget>[
],),);
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。