Flutter 解决软键盘弹出背景图片变形

自己在模拟写登录界面时，添加了一个背景，但是在点击输入时发现背景图片变形

一开始的内容

点击用户名，弹出软键盘时，图片变形且高度超出

解决办法：

我使用的版本是 flutter 2.13
resizeToAvoidBottomInset: false
之前 flutter 2.10 版本
resizeToAvoidBottomPadding: false

Widget build(BuildContext context) {return new Scaffold(resizeToAvoidBottomInset: false, // 就是这里appBar: AppBar(centerTitle: true,title: Text('My first flutter app',style: TextStyle(color:Colors.white),)),endDrawer: RightDrawer(),//右滑内容body: Container(decoration: BoxDecoration(image: DecorationImage(image: AssetImage('images/bg.jpg'),fit: BoxFit.cover)),child: _buildLogInWidgets(),),);}

添加后的界面

Flutter 解决软键盘弹出背景图片变形相关推荐

如何解决软键盘弹出引起的各种不适
1.如何解决软键盘弹出引起的各种不适 2.android软键盘弹出引起的各种不适终极解决方案 3.android软键盘弹出引起的各种不适终极解决方案 4.android软键盘弹出,会把原来的界面挤上去 ...
移动端h5页面软键盘弹出后背景图片被顶上去
移动端h5页面在软键盘弹出后,body的高度被压缩了,就导致原本高度100%的背景图被顶上去一截,需要把div的高度强行设回100%才能解决这个问题 <div class="app&q ...
软键盘弹出时popwindow_【示例】解决软键盘弹出时底部元素上浮的问题
问题描述在html5plus环境下,当html中存在固定在底部的元素时,此时弹出软键盘的话,底部的元素也会被弹上来. 出现这种情况时,看起来页面布局好像乱掉了,这样给用户的体验不太理想. 问题分析 ...
设置背景图片，软键盘弹出不将背景图片顶出屏幕
版权声明:https://mp.csdn.net/postedit 先上效果图初始点击弹出软键盘修改后首先在 AndroidManifest.xml文件设置这个的作用是让软键盘弹出时,不把布局 ...
flutter APP中禁止软键盘弹出，监听硬键盘输入方法
flutter App中禁止软键盘弹出,监听硬键盘输入的方法之前的工作中遇到一个需求,想点击输入框后不弹出软键盘,使用设备硬键盘输入,解决方法:设置输入框只读并且显示光标,然后配置键盘监听就可以了. ...
Android 软键盘弹出时把布局顶上去，控件乱套解决方法
Android 软键盘弹出时把布局顶上去,控件乱套解决方法参考文章: (1)Android 软键盘弹出时把布局顶上去,控件乱套解决方法 (2)https://www.cnblogs.com/zhuj ...
Android 软键盘弹出时把原来布局顶上去的解决方法
Android 软键盘弹出时把原来布局顶上去的解决方法参考文章: (1)Android 软键盘弹出时把原来布局顶上去的解决方法 (2)https://www.cnblogs.com/Joanna-Y ...
解决Android软键盘弹出覆盖h5页面输入框问题 // 在ios系统中输入框软键盘消失后，页面不回弹的问题 // 解决苹果不回弹页面 // 微信环境打开
//解决Android软键盘弹出覆盖h5页面输入框问题 window.addEventListener('resize', () => {if (document.activeElement.t ...
android实现软键盘弹出，editText随键盘上移，背景不动
android实现软键盘弹出,editText随键盘上移,背景不动前段时间有个妹子问我如题的需求,我就想,这种东西网上不是很多吗,自己试过才发现,基本都不行,各种设置配置文件的windowSoftI ...

Flutter 解决软键盘弹出背景图片变形

Flutter 解决软键盘弹出背景图片变形相关推荐

最新文章

热门文章