Flutter 弹出键盘报错解决

Flutter 弹出键盘报错解决


错误原因

报错页面:

错误原因:

当一个页面的内容不能全部展示出来时,就会出现这种错误。其实这里如果没有键盘弹出,内容长度超过屏幕可显示范围,同样会报错。

解决方法

这个问题也很容易解决,2种方法。

  1. 设置 Scaffold 的 resizeToAvoidBottomPadding 属性为 false,这样页面就不会随着键盘弹起而滚动(该方法只针对弹出键盘报错的情况,如果页面内容长度超过屏幕可显示范围,该方法无效)。
Scaffold(
        resizeToAvoidBottomPadding: false,
        ……

使用该方法会阻止弹出报出的异常,但是弹出依然有可能遮挡输入框,影响用户输入。

  1. 添加一个滚动视图,该方法直接彻底解决该类问题,推荐使用:
SingleChildScrollView(
    child:new Column(
        ……
    ),
    ……
)

只需要在视图外层加入一个 SingleChildScrollView 控件即可,非常简单!


**PS:更多精彩内容,请查看 --> 《Flutter 开发》
**PS:更多精彩内容,请查看 --> 《Flutter 开发》
**PS:更多精彩内容,请查看 --> 《Flutter 开发》

你可能感兴趣的:(Flutter,开发,android,flutter,弹出键盘,报错)