最近在用flutter官方的webview,发现他对input这一系列都不支持,尤其是type='password'这块,我在自己手机上调试时还会死机。
这里就暂时说一下type=file的情况。这个我之前解决的比较早,但是昨天逛flutter的issues的时候发现还是很多人没有解决,遂将代码上传git。
更改后的git地址,如果觉得有用,欢迎star哦。https://github.com/libo1223/plugins/tree/master/packages/webview_flutter。
由于当时写代码的时候时间久远,有些地方可能记错了,请不要介意。
这个思路很简单,因为他这边文件选择的方法没执行,自己重写这个方法,打开一个新页面去选择文件,选择完之后把选到的文件传回去。
先找到图下目录中的FlutterWebview文件。
大概在54行的位置(我这边是54行),找到这句话
webView = new InputAwareWebView(context, containerView);
然后插入如下代码
/** * start * input='file' * */ context1 = context; webView.setWebChromeClient(new WebChromeClient(){ @Override public boolean onShowFileChooser( WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) { //成功跳转newActivity!!!很 nice //跳转到newActivity去打开文件夹的操作 Intent intent = new Intent(context1,newActivity.class); newActivity.getfilePathCallback(filePathCallback); intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); context1.startActivity(intent); return true; } public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback) { callback.invoke(origin, true, false); } }); /** * end * */
我这边因为有特殊的需求,所以新开了一个activity去显示是否打开相机还是打开本地目录。这个activity是遮照在当前activity上的,背景透明。如果觉得没必要,想要直接打开文件管理器的话,可以去看一下newactivity里的代码,进行更改。
不过要提醒的一点是,就是返回数据怎么办呢,建议自己写一个onActivityResult方法,然后去MainActivity里添加,注意,是在使用这个插件的地方去添加方法去引导。对这块感兴趣,或者不清楚的可以私信我,QQ:980160988.
如果想要跟我一样的效果,把我目录下的newActivity文件拷过去就好了,文件名字可以改成自己喜欢的名字,然后不要忘了去AndroidManifest里去注册这个activity。
然后我这边还画了页面,把res文件下缺少的东西拷过去就好了。
newActivity里的内容很简单,无非就是根据按钮打开相应的东西(相机或者文件管理器)。
项目地址贴在最上面了,如果你觉得有用,希望能给我一个star哦。