在键盘上方晃动多余/多余的空间

时间:2019-07-16 13:12:43

标签: flutter dart

在Flutter中单击一个文本字段时,我有一个奇怪的额外间距,即在普通iOS键盘上方出现了一个额外的灰色框。谁能帮我这来自哪里以及如何摆脱它?视频显示了它的外观。

谢谢!

enter image description here

enter image description here

3 个答案:

答案 0 :(得分:2)

当您有一个脚手架是另一个脚手架的子脚手架并且其中一个脚手架将 backgroundColor: 属性设置为一个值时,就会发生这种情况。您可以在主题中设置 scaffoldBackgroundColor: 属性并删除脚手架本身中的颜色属性,这应该可以解决您的问题!

答案 1 :(得分:1)

找到了,谢谢您的帮助!

我有一个底部带有选项卡的设置,并且在以前的测试中,在脚手架设置中将这两个属性设置为false:

      child: Scaffold(
//        resizeToAvoidBottomPadding: false, <-- caused the extra space
//        resizeToAvoidBottomInset: false, <-- caused the extra space
        body: buildTabs(context),

答案 2 :(得分:0)

就我而言,我有这样的结构,它包含空格:

components\navbar.js

然后我将 SingleChildScrollView 从包装列移动到包装第一个容器并解决了问题

Scaffold(child: PageView(children: [//some containers, Container(child: SingleChildScrollView( child: Column(children: [//some children widgets])))]));