2023-08-31 flutter bottomsheet 中有textfield 键盘遮盖问题修复

闲话不表，关键点，增加 padding bottom

     showModalBottomSheet(context: context,
isScrollControlled:true,  // 关键代码
builder: ((context){

          return Padding(
            padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),// 关键代码
            child: Container(
              height: 220,
              child: const Padding(
                padding: EdgeInsets.all(20),
                child: TextField(),
              ),
            ),
          );
        }));

关键点有两处
1、isScrollControlled 要设置为 true
2、需要增加padding 为 MediaQuery.of(context).viewInsets.bottom

另外
如果在项目中使用到了ScreenUtilInit,需要在初始化时，增加useInheritedMediaQuery:true

参考链接

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

推荐阅读更多精彩内容