flutter 软键盘挤压页面导致变形溢出

Posted tianmiaogongzuoshi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter 软键盘挤压页面导致变形溢出相关的知识,希望对你有一定的参考价值。

flutter  解决这种有两种办法 一种就是传统的嵌套 SingleChildScrollView 让页面可以上下滑动  如果不想改变页面结构 

flutter  类入口的 Scaffold 的resizeToAvoidBottomInset: false 就可以

注意:  一个页面不管嵌套了多少类 只要用了Scaffold   都需要设置 resizeToAvoidBottomInset: false

 

技术图片

 

 

 

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset:false,
      appBar: CenterTitleAppBar(
        title: ‘会员‘,
        actions: <Widget>[
 
        ],
      ),
      body:MemberIndex(),
    );
  }
}

以上是关于flutter 软键盘挤压页面导致变形溢出的主要内容,如果未能解决你的问题,请参考以下文章

安卓微信端打开H5页面背景图被键盘挤压移动位置解决

解决安卓手机上软键盘弹出挤压背景的问题

MUI之键盘挤压页面问题

Flutter:当键盘出现时背景被挤压到左边

flutter中关于软键盘弹起导致的问题

移动端页面-调起键盘样式被挤压的问题