flutter 软键盘弹出导致页面超长度问题_flutter dialog 软键盘弹出超限

flutter 软键盘弹出导致页面超长度问题

问题现象点击输入框弹起屏幕键盘后, 页面报超过长度异常

问题原因

出现这个问题可以检查下自己的页面是否用了Scaffold组件
由于Scaffold默认是会动态计算长度的
当键盘弹起后会占用屏幕下部空间, 于是Scaffold就动态把这个空间让渡出来
这时候如果Scaffold中的子组件写了固定长度就很容易出现超过长度问题

网上好多文章都是 修改resizeToAvoidBottomInset属性为false, 但新版本的flutter中Scaffold已经没有了这个属性

解决方案

如果页面是头重脚轻的话这个方案可能行不通

1. 在最下方组件外层套用一个Expend
2. 最下方组件中的固定高度去掉
3. 设置一个下边距(margin或者padding都行), 如果最下方组件没有边距设置则用个Container套住

示例:
	Expanded(
      child: Container(
        padding: EdgeInsets.only(bottom: 20),
        child: 最下方组件(
          // height: G.layout.L(G.screenHeight() * 0.6),
          // constraints: BoxConstraints(
          //   minHeight: G.layout.L(240),
          //   maxHeight: G.layout.L(G.screenHeight() * 0.55),
          // ),
          child: ...省略
          )
       )
    );
1
2
3
4
5
6
7
8
9
10
11
12
13
14