flutter-showModalBottomSheet菜单自定义背景、顶部圆角

flutter 的Material质感设计下的底部弹出框，顶部默认是没有圆角的，有时候却要按照设计稿来显示圆角，这个怎么办呢，在查看showModalBottomSheet的源码时候初步发现是默认使用了主题的颜色色值：Brightness.light并且菜单弹出时的遮罩颜色为Colors.black54

设置为圆角，主要就是更换背景色：方法一；直接对 showModalBottomSheet的源码进行主题背景更换：


方法二，层叠不觉进行覆盖处理（使用stack在顶部的底层加上container并将container的颜色设置成菜单弹出时遮罩的颜色Colors.black54即可）：


最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容