我有一个像这样的扩展小部件列:
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特有的。
大多数其他答案建议使用resizeToAvoidBottomPadding=false。根据我的经验，这允许键盘掩盖文本字段，如果它们在键盘出现的地方下面。
我目前的解决方案是强制我的列与屏幕高度相同，然后将其放置在SingleChildScrollView中，以便Flutter在使用键盘时自动向上滚动屏幕。
Widget build(BuildContext context) {
return Scaffold(
body: SingleChildScrollView(
physics: const 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，这样用户就不能自己滚动了。
方法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 "
