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

 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,包括一个TextField。当我点击这个文本框时,Android键盘就会出现在屏幕上。这会改变屏幕大小,所以小部件会像这样调整大小:

有没有办法让键盘“覆盖”屏幕,使我的列不调整大小?如果我不使用Expanded widgets,并为每个widget硬编码一个高度,这些widget就不会调整大小,但是当键盘出现时,我会得到一个黑黄条纹错误(因为没有足够的空间)。这也不是对所有屏幕尺寸都灵活。

我不确定这是android特有的还是flutter特有的。


当前回答

避免调整小部件大小并同时关注文本字段的最佳解决方案是使用SingleChildScrollView()和ClampingScrollPhysics()物理。另外,记得为它的子元素设置高度(例如:use container()),这样你就可以通过Column()来使用你的小部件:

return Scaffold(
   body: SingleChildScrollView(
      physics: ClampingScrollPhysics(),
      child: Container(
         height: size.height,
         child: Column(
            children:[
               TextFormField()
            ],
         ),
      ),
   ),
);

其他回答

方法1:从AndroidManifest.xml文件中删除android:windowSoftInputMode=" adjuststresize "(否则它将覆盖flutter代码),并在Scaffold中添加resizeToAvoidBottomPadding: false,如下所示:

Scaffold(
      resizeToAvoidBottomPadding: false,
      appBar: AppBar()
)

方法2(不推荐):只需添加android:windowSoftInputMode=" statevvisible "在android AndroidManifest.xml的活动,它将只适用于android和不适用于IOS像。

<activity
       ...
        android:windowSoftInputMode="stateVisible">

注意:不要设置为android:windowSoftInputMode=" adjuststresize "

好吧,我认为如果我们实现@Aman的解决方案,它将使我们的应用程序行为丑陋,因为当键盘出现时,它不会调整我们的屏幕视口根据可用的高度,它将使其他字段隐藏在键盘后面。所以我建议用esinglechildscrollview代替。

包装您的代码与SingleChildScrollView如下所示,

 return new Container(
  child: SingleChildScrollView(
    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,
      ),
    ],
  ),
 ),
);

我的方法是使用SingleChildScrollView与ClampingScrollPhysics物理。

SingleChildScrollView(
  physics: ClampingScrollPhysics(),
  child: Container(),
)

将resizeToAvoidBottomInset的值设置为false对我来说效果很好。

此外,resizeToAvoidBottomPadding对我来说工作得很好。你可以用任何一个。

我也面临着同样的问题,我开始尝试随机的解决方案来解决它,突然它就解决了。

将主父容器包装在SingleChildScrollView()中,并为其提供设备高度,即device_height = MediaQuery.of(context).size.height。

这将使整个页面可滚动,但不会调整任何小部件的大小。