美文网首页
Flutter showModalBottomSheet被软键盘

Flutter showModalBottomSheet被软键盘

作者: 旺仔_100 | 来源:发表于2022-07-13 16:22 被阅读0次
image.png
解决方案:

1.给 showModalBottomSheet 设置 isScrollControlled: true ;使用其他限制宽高的控件限制showModalBottomSheet 高度,例如我使用的Container。
2.设置AnimatedPadding(
padding: MediaQuery.of(context).viewInsets,
duration:const Duration(milliseconds: 100),
给软键盘留出空间。

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

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

部分关键代码如下:

  await showModalBottomSheet(
        context: context1,
        isScrollControlled: true,
        isDismissible:false,
        builder: (BuildContext context) {
          return AnimatedPadding(
            padding: MediaQuery.of(context).viewInsets,
            duration:const Duration(milliseconds: 100),

            child: Container(
              height: 260.hh,
              child: Column(
                children: [

相关文章

网友评论

      本文标题:Flutter showModalBottomSheet被软键盘

      本文链接:https://www.haomeiwen.com/subject/yzktirtx.html