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

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

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

前言

在搜索条输入框点击弹层键盘的时候会引起页面布局变化
如下图所示:
《Flutter-解决键盘弹起导致页面布局异常》

解决之后的样式:
《Flutter-解决键盘弹起导致页面布局异常》

解决方式

第一种
设置Scaffold的属性resizeToAvoidBottomPadding为false,
《Flutter-解决键盘弹起导致页面布局异常》

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

    原文作者:Jieyi
    原文地址: https://segmentfault.com/a/1190000020026788
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞