flutter showModalBottomSheet常用属性

在使用showModalBottomSheet这个控件时,想要设置圆角,可以在内容widget设置不管用,然后直接看这个控件的实现原理,准备看到到底什么鬼!一看有个shape属性,感觉有戏!果然设置完毕后,成功了。

注意:一定不要设置builder中的背景颜色,否则会覆盖导致不能显示出圆角!

showModalBottomSheet

  • shape可以设置成自己想要的形状!通常直接设置圆角即可
  • isScrollControlled:是否时全屏还是半屏
  • isDismissible:外部是否可以点击,false不可以点击,true可以点击,点击后消失
  • backgroundColor : 通常可以设置白色和透明,

以下代码:

  showModalBottomSheet(
      context: context,
       isScrollControlled:false,
      backgroundColor: Colors.white,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(10))),
      builder: (BuildContext context) {
        return Container(
        	height:50,//对话框高度就是此高度
          child: Center(child: Text("居中文字")),

        );
      });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章