flutter TextField 输入框被软键盘挡住的解决方案

Posted tianmiaogongzuoshi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter TextField 输入框被软键盘挡住的解决方案相关的知识,希望对你有一定的参考价值。

以前搞ionic1~4的开发中 和react-native   flutter中的机制完全不同, 在flutter 中 当前页面如果存在元素被软键盘挡住 的情况 页面元素的最外层肯定得嵌套一层   SingleChildScrollView

 

body: Container(
 
         //SingleChildScrollView 的父级元素得有高度  最外层Container默认 填充全部
        child: SingleChildScrollView(
 
        ........
    )
 
)

SingleChildScrollView 元素内部不能和  Expanded 的flex 直接填充 会冲突 。。

 

以上是关于flutter TextField 输入框被软键盘挡住的解决方案的主要内容,如果未能解决你的问题,请参考以下文章

安卓手机底部输入框被软键盘遮挡的坑

JS 解决安卓手机输入框被软键盘遮住的问题

JS 解决安卓手机输入框被软键盘遮住的问题

Android EditText被软键盘遮挡问题(问题记录)

[Cordova/Phonegap] Cordova iOS 应用在第三方输入法的键盘弹出(点击输入框)时,页面不上移,导致输入框被键盘遮挡 的解决办法

Android dialog 遮住输入框的解决思路