flutter - 调出键盘报错溢出异常：bottom overflowed by 80 pixels

背景

在Scaffold中使用了Column组件，在移动端调出键盘时，报溢出异常问题。可使用SingleChildScrollView包装下Column组件。

问题代码

  @overrideWidget build(BuildContext context) {
    return Scaffold(body: Column(children: [// 子组件里有TextField组件，调用键盘时出现异常// ......],));}

解决方法

使用SingleChildScrollView包装

  @overrideWidget build(BuildContext context) {
    return Scaffold(body: SingleChildScrollView(// 解决调用键盘时报溢出问题child: Column(children: [// 子组件里有TextField组件// ......],)));}

扩展

• SingleChildScrollView是一个只能包含单个组件的滚动组件
• 与ListView都有滚动效果，但是ListView的性能相较好些