当键盘出现时，Flutter小部件会调整大小。如何预防这种情况？

Question

我有一个列的扩展部件像这样：

 return new Container(
      child: new Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          new Expanded(
            flex: 1,
            child: convertFrom,
          ),
          new Expanded(
            flex: 1,
            child: convertTo,
          ),
          new Expanded(
            flex: 1,
            child: description,
          ),
        ],
      ),
    );

看起来是这样的：

convertFrom，包含一个文本字段。当我点击这个文本字段时，屏幕上会出现Android键盘。这会改变屏幕大小，因此小部件的大小如下所示：

有没有办法让键盘“覆盖”屏幕，这样我的专栏就不会调整大小？如果我不使用Expanded小部件并为每个小部件硬编码一个高度，小部件不会调整大小，但是当键盘出现时，我会得到黑色和黄色条纹错误（因为没有足够的空间）。这也不适用于所有屏幕尺寸。

我不确定这是Android特有的还是颤振特有的。

Answer 1

将resizetoavidbottominset设置为false，而不是不推荐使用的resizetoavidbottompadding。

    return Scaffold(
      resizeToAvoidBottomInset : false,
      body: YourWidgets(),
    );

Answer 2

大多数其他答案建议使用resizetoavidobtompadding=false。根据我的经验，这允许键盘覆盖文本字段，如果它们位于键盘显示的下方。

我目前的解决方案是强制我的列与屏幕高度相同，然后将其放置在SingleChildScrollView中，这样当使用键盘时，颤振会自动向上滚动屏幕。

Widget build(BuildContext context) {
  return Scaffold(
    body: SingleChildScrollView(
      physics: NeverScrollableScrollPhysics(),
      child: ConstrainedBox(
        constraints: BoxConstraints(
          minWidth: MediaQuery.of(context).size.width,
          minHeight: MediaQuery.of(context).size.height,
        ),
        child: IntrinsicHeight(
          child: Column(
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[
              // CONTENT HERE
            ],
          ),
        ),
      ),
    ),
  );
}

我使用了NeverScrollableScrollPhysics，这样用户就不能自己滚动了。

Answer 3

更新答案

resizetoavidobtompadding现在已不推荐使用。

更新后的解决方案是将resizetoavidbottominset属性设置为false。

原始答案

在Scaffold中，将resizetoavidobtompadding属性设置为false。