189 8069 5689

flutter页面黑屏,flutter webview黑屏

回到前台黑屏引发对Flutter项目生命周期与安卓原生生命周期的思考

目前我们是flutter项目,有个需求是需要在app内引导用户去appStore或是安卓的应用商店去评价,该需求我选用了两个插件 in_app_review 和 launch_review , 然而仔做的过程中发现一个问题,当弹出系统的跳转应用商店的弹框时,iOS是单一弹框,Android是弹出一个选择打开商店的弹窗,可选择打开一次或是始终选择某一个商店打开,此时锁屏,然后再解锁,发现iOS没啥问题,安卓系统弹框后的flutter页面黑屏了

创新互联公司服务项目包括甘泉网站建设、甘泉网站制作、甘泉网页制作以及甘泉网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,甘泉网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到甘泉省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

看到这个现象,目测是由于安卓的生命周期和flutter的生命周期没有同步,以下是验证过程

安卓的MainActivity添加生命周期方法

flutter 添加生命周期方法

还是刚才的场景 锁屏 安卓和flutter的后台方法都调用,解锁回到前台 只有安卓的前台方法走 MainActivity会restart,flutter的resume方法,没有调用,验证了开始的猜想,是由于flutter没有检测到前台操作或是这种情况flutter不认为自己在前台,导致flutter没有执行页面的重新绘制导致黑屏

关于flutter的生命周期,查阅资料发现 我们可以手动刷新flutter页面的状态,即使用

我们只需要在MainActivity restart的时候调用上述 方法 告知flutter重绘,该问题就解决了

关于原生加载flutter页面 生命周期相关 看这里 能有一些启发

2022-04-22iOS项目混编flutter,iOS真机debug模式下打不开flutter页面

最近项目中要集成flutter来进行混编,但是在集成后,突然遇到一个很神奇的问题,在debug模式下,用数据线连接真机打包可以打开flutter页面,但是一旦拔掉数据线,再打开flutter页面就不行了,开始以为是因为flutterSDK的原因,但是一查资料才发现,原来是因为debug模式下flutter实现了热重载,默认的编译方式是JIV,但是iOS14+之后的系统限制了JIV这种编译方式,所以连接Xcode重新run一个release包就可以了,因为flutter在release模式下的编译方式是AOT,iOS14+的系统是支持这种编译方式的,具体解决方案如下图

再运行就可以了。

当然还有另外一种解决方案,就是修改flutter的编译配置,强制设为release

Flutter中 webview的键盘问题解决

webview的版本是webview_flutter: ^0.3.22+1

现在遇到的问题是如果webview中输入密码的话,像华为这种会调用自己的安全键盘,这时候就会黑屏,应该是内部计算键盘高度的问题。这时候没办法了,网页web端密码框需要修改一下了自己自定义一下不调用密码类型就好,但是无法被输入框弹上去,后来解决方案是用SingleChildScrollView包裹一下,然后自己监听一下键盘的弹窗和隐藏做一下jump的高度就好了

ps: jump的时候要注意高度,可以在键盘出来的时候底部增加一个只有高度的view,键盘收起隐藏就好了

在Flutter开发iOS中,app启动黑屏之后显示启动页的解决办法

一、由于安卓那边升级了某些插件,我这边pull之后,进行了Pub get。运行ios项目,发现app启动之后,先闪现黑屏,然后再出现启动页,之后在进入主页面。解决此问题的方法,是把启动页的图片移除,把启动页的图片修改一个新名字,再导入项目中,再重新运行项目,就正常了。


本文题目:flutter页面黑屏,flutter webview黑屏
URL链接:http://cdxtjz.cn/article/phgehc.html

其他资讯