当键盘在 Flutter TextField 中可见时,键盘顶部有很多空白 space
Lot of blank space on top of keyboard when keyboard is visible in Flutter TextField
这是我的代码:
build(BuildContext context) {
return new Scaffold(
body: new SafeArea(
child: new ListView.builder(
itemBuilder: (itemBuilder),
itemCount: (1),
padding: kMaterialListPadding,
),
)
);
}
itemBuilder(BuildContext context, int index) {
return new TextFormField(
decoration: new InputDecoration(
border: const OutlineInputBorder(),
hintText: "What's on your mind?",
helperText: "5-500 characters",
),
maxLines: 3,
);
}
当我点击文本字段时,键盘打开但键盘顶部出现很多空白 space,如图所示(文本字段的边框被切掉)。
它的发生是因为 ListView。如果我只将文本字段添加到主体,外观就很好。
很多浪费的原因space是因为脚手架里面有一个脚手架。每个脚手架为键盘添加 space。删除一个解决了问题。
脚手架有一个 属性 resizeToAvoidBottomPadding。
将此 属性 设置为 false
这是我的代码:
build(BuildContext context) {
return new Scaffold(
body: new SafeArea(
child: new ListView.builder(
itemBuilder: (itemBuilder),
itemCount: (1),
padding: kMaterialListPadding,
),
)
);
}
itemBuilder(BuildContext context, int index) {
return new TextFormField(
decoration: new InputDecoration(
border: const OutlineInputBorder(),
hintText: "What's on your mind?",
helperText: "5-500 characters",
),
maxLines: 3,
);
}
当我点击文本字段时,键盘打开但键盘顶部出现很多空白 space,如图所示(文本字段的边框被切掉)。
它的发生是因为 ListView。如果我只将文本字段添加到主体,外观就很好。
很多浪费的原因space是因为脚手架里面有一个脚手架。每个脚手架为键盘添加 space。删除一个解决了问题。
脚手架有一个 属性 resizeToAvoidBottomPadding。 将此 属性 设置为 false