flutter开发弹起键盘出现Overflow问题的解决方法

flutter开发弹起键盘出现Overflow问题的解决方法

  • 方法1:
//Scaffold节点下添加resizeToAvoidBottomPadding: false,这样页面就不会随着键盘弹起而滚动。
Scaffold(
      resizeToAvoidBottomPadding: false,
      body: Column()
);
  • 方法2:
//外层使用SingleChildScrollView包裹一层,这样页面回随着键盘弹起而向上滚动。
SingleChildScrollView(
	child: Column(
		children: [
			TextField()
		],
	),
),
  • 方法3:
//使用第三方库:keyboard_avoider,并且设置autoScroll为true
pubspec.yaml文件下添加依赖:
	dependencies:
  keyboard_avoider: ^0.1.2
外层使用KeyboardAvoider包裹,设置autoScroll为true
KeyboardAvoider(
	autoScroll: true
	child: Column(
		children: [
			TextField()
		],
	)
),

我出现的情况,这三种方法就可以解决。

posted @ 2020-11-04 18:02  yongfengnice  阅读(2227)  评论(0编辑  收藏  举报