Flutter InAppWebView 如何一进入就默认打开软件盘

webView和软件盘的问题，网上有很多很多的文章。找了很多，有用的没用的一大堆。

今天主要说一下 flutter InAppWebView中如何已进入就调去软键盘。

H5里面，无论是aotoFocus还时document.getElementById('xxx').focus();

在iOS还是android上都是无效的。当时就凉凉，不过解决这个问题iOS还是有办法的。

iOS

看了这个老哥的文章，分分钟解决了 blog.csdn.net/c_furong/ar…

在flutter iOS文件，由于InAppWebView用的是WKWebView,在appDelegate里面，执行下方法即可。代码是oc的 flutter已经给我们见好了桥文件，自己写个oc的class 转一下，在appDelegate调用一下即可

Andorid

接下来就是安卓，找了很多文章，最后终结于只能通过js的hander处理。InAppWebView与js的调用在这就好说了，只讲键盘的事。

1、调键盘，一定要用原生来调。那怎么用flutter里面直接掉原生的方法呢？

第一时间在 InAppWebViewController Api中找,找到了下面两个方法。

requestFocusNodeHref()
clearFocus()

clearFocus()一目了然，关闭键盘的。那requestFocusNodeHref()是干什么用的呢。

官方文档：请求回调得到 RequestFocusNodeHrefResult对象，在看看RequestFocusNodeHrefResult呢，貌似和键盘啥的没啥关系。那我要不把requestFocusNodeHref()的方法改了呢。直接open我的android studio。这个这个回掉的地方，直接给改了。在我心里，requestFocusNodeHref()方法就应该是请求弹出键盘的，尽然他不是，那就让他是就好了。

找到InAppWebViewMethodHander。413行，直接换掉。

收到js软键盘打开的请求，直接来个controller.requestFocusNodeHref();搞定。

附上代码：收工！

case "requestFocusNodeHref":if (webView != null) {try {webView.requestFocus();InputMethodManager inputManager =(InputMethodManager) webView.getContext().getSystemService(Context.INPUT_METHOD_SERVICE);if (inputManager != null) {inputManager.toggleSoftInput(InputMethodManager.SHOW_FORCED,InputMethodManager.HIDE_IMPLICIT_ONLY);result.success(true);}} catch (Exception e) {result.success(null);}} else {result.success(null);}break;

掘金地址：掘金https://juejin.cn/post/7028768149394685965/

Flutter InAppWebView 软键盘问题相关推荐

Flutter 解决软键盘弹出背景图片变形
自己在模拟写登录界面时,添加了一个背景,但是在点击输入时发现背景图片变形一开始的内容点击用户名,弹出软键盘时,图片变形且高度超出解决办法: 我使用的版本是 flutter 2.13 resize ...
Flutter 让软键盘不再自动弹起
1.问题说明: 在开发中,经常遇到这种事,一个页面有输入框,点击输入框后,会弹起软键盘,同时输入框会聚焦,手动收起软键盘后,点击另一个按钮前往下一个页面或者显示一个弹窗,返回或者关闭弹窗后,由于输入框 ...
flutter 收起软键盘
xmpp聊天中,经常遇到上下滑动聊天记录,需要收起键盘,方便用户操作 GestureDetector(// 触摸收起键盘behavior: HitTestBehavior.translucent,on ...
flutter TextField 输入框被软键盘挡住的解决方案
flutter TextField 输入框被软键盘挡住的解决方案参考文章: (1)flutter TextField 输入框被软键盘挡住的解决方案 (2)https://www.cnblogs.co ...
Flutter 解决App登录页面软键盘遮挡住登录按钮或顶起底部控件的问题
文章目录 1 软键盘问题点对比效果图 2 解决软键盘将底部布局顶上去的问题 2.1 方式一:修改resizeToAvoidBottomInset属性 2.2 方式二:使用可滑动布局 3 弹出软键盘时滚 ...
flutter APP中禁止软键盘弹出，监听硬键盘输入方法
flutter App中禁止软键盘弹出,监听硬键盘输入的方法之前的工作中遇到一个需求,想点击输入框后不弹出软键盘,使用设备硬键盘输入,解决方法:设置输入框只读并且显示光标,然后配置键盘监听就可以了. ...
flutter dialog中软键盘遮挡解决冲突
在dialog中代码软键盘冲突的解决方案; 主要价格这行代码: padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.b ...
Android 文本，软键盘使用指南
目录 TextView的基本使用 TextView的基本属性图文混排的三种实现方式 drawableTop,DrawableBottom,DrawableLeft,drawableRight 通过I ...
Flutter 弹出键盘认识
Flutter中TextField使用目的在于想找出键盘删除键的回调.于是有了下文: TextField跟踪发现在控件返回里面有个_requestKeyboard() 这个函数: //源码实现 ...
Android 点击空白出隐藏软键盘
/*** 点击空白位置隐藏软键盘*/@Overridepublic boolean onTouchEvent(MotionEvent event) {if (null != this.getCurr ...

Flutter InAppWebView 软键盘问题

Flutter InAppWebView 如何一进入就默认打开软件盘

iOS

Andorid

Flutter InAppWebView 软键盘问题相关推荐

最新文章

热门文章