Flutter showModalBottomSheet被软键盘遮挡,Dialog在软键盘上面;

showModalBottomSheet弹出的底部Dialog难免会有输入框,在输入时 软键盘会遮盖住Dialog;

解决方法:让showModalBottomSheet弹出的Dialog在软键盘之上;

1、给 showModalBottomSheet 设置 isScrollControlled: true ;设置后Dialog会全屏、然后在用 SizedBox 限制弹框宽高;

2、showModalBottomSheet 的 Widget最外层使用AnimatedPadding,让软键盘弹出后 布局可以滑动到软键盘上面;

如果集成到原生里面,例如Android 需要在清单文件配置上 android:windowSoftInputMode=”adjustResize” 属性

如果是showDialog()的方式弹出的Dialog,最外层的布局使用 Scaffold 就可以自动上移了;

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年4月12日
下一篇 2021年4月12日

相关推荐