Flutter 弹出键盘报错解决

Flutter 弹出键盘报错解决

---

错误原因

报错页面：

错误原因：

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

解决方法

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

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

Scaffold(
        resizeToAvoidBottomPadding: false,
        ……

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

2. 添加一个滚动视图，该方法直接彻底解决该类问题，推荐使用：

SingleChildScrollView(
    child:new Column(
        ……
    ),
    ……
)

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

---

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