带有 resizeToAvoidBottomInset 的 flutter 键盘打开有一个奇怪的间隙

Question

我有一个 SingleChildScrollView包含一些 TextFormFields .为了让键盘向上插入 ScrollView ，我设置了 resizeToAvoidBottomInset在我的脚手架上。
我注意到键盘弹出时有空白/间隙，因为 ScrollView 的插入速度似乎比键盘出现的速度快。
在 native 应用程序上，此行为不存在。

这是一个简单的例子:

class TestWidget extends StatefulWidget {
  TestWidget({Key key}) : super(key: key);

  @override
  _TestWidgetState createState() => _TestWidgetState();
}

class _TestWidgetState extends State<TestWidget> {
  Widget _getInput() {
    return Container(
      padding: EdgeInsets.all(20.0),
      height: 75.0,
      width: double.infinity,
      color: Colors.cyan,
      child: TextFormField(
        initialValue: 'Some Random Input',
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: true,
      body: Container(
        child: SingleChildScrollView(
          child: Container(
            child: Column(
              children: [
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

Answer 1

flutter 每秒绘制屏幕 120 次。
这就是性能低下的智能手机上发生的情况。
方法是，如果选择Scaffold Backgournd颜色为同色，这种现象不会出现太多。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: true,
      body: Container(
        child: SingleChildScrollView(
          child: Container(
            child: Column(
              children: [
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
                _getInput(),
              ],
            ),
          ),
        ),
      ),
      backgroundColor: Colors.cyan, // background color setting
    );
  }