背景
往app产品内嵌入一款H5小游戏，ios手机型号iphonexr、cocoscreator版本v2.4.2。
问题描述
小游戏，在播放animation动画的时候，整个游戏界面闪烁。在公司iphonexr手机上必现，其他不带安全区的ios手机和安卓手机上则不会出现。安全区问题解决方案！
解决方案
经过一番思考，我猜测会不会是因为我在creator中制作Animation动画的帧率和游戏设置的整体帧率不一致导致的？有了这个猜测，我决定试一试，因为，游戏动画帧率，我这边使用的是默认60，而游戏这边，为了适配低端安卓机，我设置为了45。截图如下：
//更改游戏帧率cc.game.setFrameRate(45);
随后，我将游戏帧率调整为60：
//更改游戏帧率if(cc.sys.os == "Android"){cc.game.setFrameRate(45);}else if(cc.sys.os == "iOS"){cc.game.setFrameRate(60);}
重新发布、运行，果然：游戏界面不闪烁了。
追根溯源
为了确定，到底是不是因为动画帧率和游戏整体的帧率不一致导致的iphonexr游戏闪烁！我尝试把游戏帧率改为45，游戏帧率也还设置为原来的45，发现游戏在iphonexr手机上运行，依旧闪烁。随后，我把游戏帧率设置为45，游戏帧率调整为60，发布、运行，结果是：游戏在iphonexr上面不闪烁了！！！
总结
所以，我猜测，iphonexr等一系列带安全区的奇葩手机屏，估计都一个吊样，真不知道苹果公司是不是脑子被驴踢了，搞个这么奇葩的屏幕，游戏屏幕刷新帧率低了还不行。真想说一句：SB手机。
未完，待续。。。
如果觉得《cocoscreator网页小游戏iphonex/xr等异面屏手机播放动画闪烁问题解决》对你有帮助，请点赞、收藏，并留下你的观点哦！
