锐客网

  1. 首页 > 睿知 > it技术 > >

flutter切换键盘卡顿，flutter收起键盘

IT技术据统计

flutter加载h5很卡FlutterWebView.m文件：通过以上骚操作 ， 就可以实现webview_flutter在android和ios设备上加载本地html文件了 。
flutter_webView_plugin ：在iOS中使用的就是原生的WKWebView，所以总体和 native WKWebView 表现差不多 。如果是混编项目中，因为它被包了一层，所以页面加载上存在一定的劣势，所以混编项目中仍然推荐使用 WKWebView 。
第一步：终端：open $HOME/.bash_profile 第二步：关闭 ， 终端：source $HOME/.bash_profile 接着输入：open ~/.zshrc 这样就不用每次重新export路径了，然后重启电脑用Android studio create flutter项目时就可以通过了 。
Flutter 开发非常依赖各种官方或第三方的插件，而在使用这些插件时多少都会遇到一些问题，大部分问题都可以通过搜索和查找 issue 来解决 。这里记录下一些我在使用部分插件时遇到的问题及其解决方法 。
需求，app中使用webview和h5交互，根据h5发过来的消息，在屏幕上展示flutter组件 ， 并且可以发送消息给h5 。首先使用的组件是flutter_WebView_plugin ， 这个组件不能嵌套flutter组件，所以放弃这个组件 。
webview_flutter滑动存在卡顿问题的完美解决方法症状：当一个WebView在重复打开达数十次甚至上百次时整个页面在滑动时会出现非常明显的卡顿现象 。解决方法：将WebView销毁，重新创建一个即可消除卡顿，除此之外刷新WebView亦或是其他方法都无法消除卡顿 。
一）打开腾讯手机管家首页，里面使用垃圾清理来清理垃圾；二）可以点击右上角的手机瘦身进行手机文件深度清理 。
首先我们先确定滑动冲突是事件分发机制的事情 。
对此我采用的处理方式比较偷懒 ， 简单又粗暴（不建议），即在Activity.onDestroy()中直接调用System.exit(0)，使得应用程序完全被移出虚拟机，这样就不会有任何问题了 。切换WebView闪屏问题 。
目前该 issue 处于 open 的状态，暂时的解决办法是，在所有使用到 queryParameter 的地方用 try..catch 捕捉可能抛出的异常 。
Flutter性能优化1、直接在build里调用肯定可以 ， 虽然build会被比较频繁执行 ， 但是of(context)操作其实就是在一个 map 里通过 key - value 获取泛型对象 ， 所以对性能不会有太大的影响 。
2、Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中 ， 从而实现了高效渲染 。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题 。
3、一个Demo，3个动画的CPU使用率达到了80%，如果用java or kotlin 去实现应该不会有那么高的占有率，所以Flutter的还需要继续的优化 。
4、逻辑处理使用支持AOT的Dart语言 ， 执行效率也比JavaScript高得多 。
flutter中关于软键盘弹起导致的问题点击输入flutter框弹出软键盘时，遮挡本输入框一部分 。点击输入框，输入框跟随软键盘自动上移时其他不该移动的内容也跟随上移导致的flutter键盘弹出时listview置底 。
IOS端： 苹果的软键盘是覆盖的（分层），因此H5页面显示没有什么问题 。安卓端解决input键盘弹出导致页面压缩变形的方法为：方法1：将元素设置成 static 或者 relative，不要脱离文档流 。
当然也遇到很多坑，像软键盘弹出对布局的挤压，这里面没有window，document这些浏览器的对象了 。像富文本解析 ， 还要对解析出来的文本字体放大缩小，图片点击，复制粘贴 。
在Android和 IOS 上，获知软键盘弹起和收起状态存在差异，事件不同 。在IOS上 ， 输入框获取焦点，键盘弹起，页面（webview）整体往上滚动，当键盘收起后 ， 不回到原位，导致键盘原来所在位置是空白的 。

推荐阅读


上一篇：自学钢琴有什么教程视频，自学钢琴应该怎么学?简单易懂

下一篇：mysql数据更新怎么写 mysql中更新数据的命令