我有一个 SingleChildScrollView
包含一些 TextFormFields
.为了让键盘向上插入 ScrollView ,我设置了 resizeToAvoidBottomInset
在我的脚手架上。
我注意到键盘弹出时有空白/间隙,因为 ScrollView 的插入速度似乎比键盘出现的速度快。
在 native 应用程序上,此行为不存在。
这是一个简单的例子:
class TestWidget extends StatefulWidget {
TestWidget({Key key}) : super(key: key);
@override
_TestWidgetState createState() => _TestWidgetState();
}
class _TestWidgetState extends State<TestWidget> {
Widget _getInput() {
return Container(
padding: EdgeInsets.all(20.0),
height: 75.0,
width: double.infinity,
color: Colors.cyan,
child: TextFormField(
initialValue: 'Some Random Input',
),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: true,
body: Container(
child: SingleChildScrollView(
child: Container(
child: Column(
children: [
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
],
),
),
),
),
);
}
}
最佳答案
flutter 每秒绘制屏幕 120 次。
这就是性能低下的智能手机上发生的情况。
方法是,如果选择Scaffold Backgournd颜色为同色,这种现象不会出现太多。
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: true,
body: Container(
child: SingleChildScrollView(
child: Container(
child: Column(
children: [
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
_getInput(),
],
),
),
),
),
backgroundColor: Colors.cyan, // background color setting
);
}
关于带有 resizeToAvoidBottomInset 的 flutter 键盘打开有一个奇怪的间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63404480/