flutter 键盘挡住输入框问题

 bool isShowKeyboard = false;double keyboardSize = 260; //软键盘高度
//类添加with WidgetsBindingObserver,生命周期监听器
class SendRedEveDialogState extends State<SendRedEveDialog> with WidgetsBindingObserver//首先给编辑框做一个焦点final FocusNode _sumFocusNode = FocusNode();//在init中作监听WidgetsBinding.instance!.addObserver(this);//输入框焦点监测_sumFocusNode.addListener(() {if (_sumFocusNode.hasFocus) {//如果输入框被点击if (MediaQuery.of(context).viewInsets.bottom > 0) {//如果键盘有弹起//键盘已弹起isShowKeyboard = true;}} else {//如果没有被点击，就是没弹起键盘isShowKeyboard = false;}mySetState(() {});});//didChangeMetrics可以监听界面高度的变化。其中键盘的弹出和收起这些其实都属于高度的变化自然也是可以监听到的@overridevoid didChangeMetrics() {super.didChangeMetrics();WidgetsBinding.instance!.addPostFrameCallback((_) {// 以后是安卓零碎并且在焦点聚焦的状况下if (Platform.isAndroid && _sumFocusNode.hasFocus) {if (MediaQuery.of(context).viewInsets.bottom > 0) {isShowKeyboard = true;} else {isShowKeyboard = false;}mySetState(() {});}});}TextField(//只允许输入小数inputFormatters: [FilteringTextInputFormatter.allow(RegExp("[0-9.]")),],focusNode: _sumFocusNode,//添加焦点controller: _sumController,keyboardType: TextInputType.number,maxLines: 1,textInputAction: TextInputAction.done,textAlign: TextAlign.right,decoration: InputDecoration(// contentPadding: EdgeInsets.only(//     left: 5.0.r, right: 5.0.r),focusColor: Colors.white,border: InputBorder.none,hintText:S.current.lucky_bag_input_coin_tips,hintStyle: TextStyle(fontSize: 14.0.sp,color: const Color(0xFFBCBCBC))),style: TextStyle(color: Colors.black, fontSize: 14.0.sp),),//最后就设置高度了，Global.keyboardHeight==0，如果键盘弹起，就用260，否则就用30TopPadding(isShowKeyboard? (Global.keyboardHeight > keyboardSize.truncate()? Global.keyboardHeight: keyboardSize) +15: 30),@overridevoid dispose() {_sumController.dispose();_sumFocusNode.dispose();WidgetsBinding.instance!.removeObserver(this);super.dispose();}

flutter 键盘挡住输入框问题相关推荐

Android爬坑之旅：软键盘挡住输入框问题的终极解决方式
本文由BarryZhang原创,同一时候首发于diycode.cc.barryzhang.com .github.com/barryhappy.非商业转载请注明作者和原文链接. 前言开发做得久了.总 ...
Android爬坑之旅：软键盘挡住输入框问题的终极解决方案
前言开发做得久了,总免不了会遇到各种坑. 而在Android开发的路上,『软键盘挡住了输入框』这个坑,可谓是一个旷日持久的巨坑--来来来,我们慢慢看. 入门篇 Base 最基本的情况,如图所示:在页 ...
一句话设置当前控制器的view跟随键盘起伏，妈妈再也不用担心键盘挡住输入框了...
项目中有很多输入框,有输入框就会唤出键盘,唤出键盘就很经常键盘挡住输入框.如何解决这个问题? 这个问题并不难,相信大家都会写.但是写多了大家就会发现,项目中这么多页面有输入框的,那就意味着很多地方都要 ...
软键盘挡住输入框问题的终极解决方案
作者:腾儿飞链接:https://www.jianshu.com/p/306482e17080 来源:简书前言开发做得久了,总免不了会遇到各种坑. 而在Android开发的路上,『软键盘挡住了输 ...
android 键盘遮盖输入框_Android软键盘挡住输入框的终极解决方案
前言开发做得久了,总免不了会遇到各种坑. 而在Android开发的路上,『软键盘挡住了输入框』这个坑,可谓是一个旷日持久的巨坑--来来来,我们慢慢看. 入门篇最基本的情况,如图所示:在页面底部有一 ...
android 键盘遮盖输入框_Android各种键盘挡住输入框解决办法
原标题:Android各种键盘挡住输入框解决办法今日科技快讯 C919大型客机首飞成功,让很多人激动不已.然而近日网上也出现了一些不同的声音:说这架飞机许多部件都是进口货,甚至有人说C919中国人只 ...
微信开发安卓虚拟键盘挡住输入框的问题
再更一次2016/4/20 10:23 今早还看到有朋友在"微信里面的浏览器在 s7 edge 上键盘覆盖网页上表单 ,表单不会自动向上移动,导致无法看着输 "今早在腾讯浏览器 ...
5种方法完美解决android软键盘挡住输入框方法详解
版权声明:本文为CSDN博主「潇潇凤儿」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明. 原文链接:https://blog.csdn.net/smileiam/ ...
android h5输入框被键盘遮挡,h5软键盘挡住输入框问题解决（android）
问题如图一个表单: 在部分android机型上测试点击靠下的输入框时遇到弹出的软键盘挡住输入框问题,ios可自身弹起(ios自身的调整偶尔也会出问题,例如第三方键盘会遮挡,原因是第三方输入法的too ...

flutter 键盘挡住输入框问题

flutter 键盘挡住输入框问题相关推荐

最新文章

热门文章