Flutter解决键盘弹起导致页面布局异常

55次阅读

共计 217 个字符,预计需要花费 1 分钟才能阅读完成。

无边落木萧萧下
不尽长江滚滚来

前言

在搜索条输入框点击弹层键盘的时候会引起页面布局变化
如下图所示:

解决之后的样式:

解决方式

第一种
设置 Scaffold 的属性 resizeToAvoidBottomPadding 为 false,

第二种
Scaffold 的 body 包裹一个 ListView(就是让这个视图具有弹性效果),
把原本的 Column 放到 ListView 的 children 里面
如果不想让 body 具有滚动效果可以设置 ScrollPhysics 属性

正文完
 0