问题记录:在普通页面下(非滑动页面)弹出输入框时,会出现 bottom overflowed 问题。如下:
第一种:
在Scaffold里面添加属性resizeToAvoidBottomInset,设置为false.就是内容不会随键盘弹出而滚动。
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
body: Column(
children: [],
),
);
}
第二种:
包裹一层SingleChildScrollView,这样内容就会随键盘弹出而滚动。
Widget build(BuildContext context) {
return Scaffold(
body: SingleChildScrollView(
child:Column(
children: [],
),
)
);
}
第三种:
包裹一层KeyboardAvoider,并且设置属性autoScroll: true。
Widget build(BuildContext context) {
return Scaffold(
body: KeyboardAvoider(
autoScroll: true,
child:Column(
children: [],
),
)
);
}
可根据实际开发情况选用。