如何修复cordova ios中闪屏后的while screen？

在Cordova iOS中修复闪屏后的白屏问题，可以尝试以下方法：

确保Cordova和相关插件的版本是最新的，以避免已知的问题。
检查项目的配置文件config.xml，确保正确配置了启动页（splash screen）的相关设置。可以通过以下代码片段进行配置：

<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />

其中，value属性指定了启动页的文件名，SplashScreenDelay属性指定了启动页的显示时间（单位为毫秒）。

确保启动页的图片资源存在，并且在正确的目录下。通常，启动页的图片资源应该放置在项目的res目录下，分别对应不同的屏幕尺寸和分辨率。
检查项目的AppDelegate.m文件，确保正确处理了启动页的显示和隐藏逻辑。可以通过以下代码片段进行配置：

#import "CDVSplashScreen.h"

- (BOOL)application:(UIApplication*)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions
{
    // ...

    // 显示启动页
    self.viewController.useSplashScreen = YES;
    CDVSplashScreen* splashScreen = [CDVSplashScreen new];
    [splashScreen show];
    
    // ...
    
    return YES;
}

- (void)onAppReady
{
    // 隐藏启动页
    CDVSplashScreen* splashScreen = [CDVSplashScreen new];
    [splashScreen hide];
}

在application:didFinishLaunchingWithOptions:方法中，通过创建CDVSplashScreen对象并调用show方法来显示启动页。在onAppReady方法中，调用hide方法来隐藏启动页。

清除项目的缓存并重新构建应用程序。可以尝试使用以下命令清除缓存：

cordova platform rm ios
cordova platform add ios

重新构建应用程序后，启动页应该能够正常显示并在一定时间后自动隐藏。

对于Cordova iOS中闪屏后的白屏问题的修复，以上是一些建议和常见解决方法。具体修复方法可能因项目配置和环境而异，可以根据具体情况进行调整和尝试。

腾讯云相关产品和产品介绍链接地址：

相关·内容

【技巧】ionic3优雅解决启动前、后黑白屏问题

这里只说明androd和ios的情况。 1、启动前黑白屏启动前黑白屏问题，仅存在于android，是android应用的通病，ionic表示这锅它不背。...具体操作时，当我们点击桌面图标启动APP时，有时会闪一下黑色背景，有时黑色背景时间还比较长。...我这里定义了两个样式，来满足不同喜好，使用时二选一就行了：第一个样式，screen.png作为ionic或cordova默认生成的启动屏图片，于是使用screen.png为背景图；第二个样式为透明主题。...； SplashScreen——它是 platform / android / res / drawable - 文件夹中的图像的名称。...Cordova默认生成 screen.png 图片; SplashScreenDelay——SplashScreen显示的延时时间这Splashscreen插件其实是个dialog，默认在配置的延时时间

3.5K6 0

Phonegap之ios对iPhone6和Plus的闪屏适配 -- xmTan

然后另外还发现了，app的启动图片，也是所谓的”闪屏”（splash），6和6S、Plus都共用了iPhone5的启动图片： Default-568h@2x~iphone.png。...然后开始的各种查，最后问题解决了，先把解决办法说一下，三个条件： 1、在ios app项目的工程文件***.info里加上针对启动图片的配置，配置内容： UILaunchImages</key...然后把下载的最新CDVSplashScreen.h和*.m文件去替换项目中原有的该文件，然后就大功告成了，@media样式也起作用了，工具栏在5和6上一样了，4、5、6也各自加载了各自的启动（闪屏）图片了...-------- ----- ---- ------ ------- ------ ------- ------ 查询和参考的资料： 1、stackoverflow上一个6闪屏适配问答：http://...stackoverflow.com/questions/26283372/phonegap-and-iphone-6-plus-splash-screen-issue 2、 Apache中Cordova

7114 0

【DB宝32】Oracle DG环境中主库做闪回操作后，备库如何修复继续同步

目录一、下载镜像二、DG环境初始化三、主库做闪回数据库操作四、备库做闪回操作五、查询主备库是否实时同步六、总结本文介绍一下，在DG环境中，若主库做了闪回数据库的操作后，备库如何通过flashback...主备库均已开启闪回数据库特性。...接下来，对备库进行闪回。 SYS@LHR11GDG> startup force mount ORACLE instance started....六、总结 1、在DG环境中，建议对主库和备库都开启闪回数据库的特性，并且设置比较大的闪回恢复区（db_recovery_file_dest_size）。...2、在DG环境中，若主库做了闪回数据库的操作，那么备库必须做相关的闪回操作才能恢复DG的同步关系。本文结束。

7194 0

IOS解决闪屏无效LuanchImage启动动画设置加载广告闪屏图

设置无效，按照网上办法是：在 Image.xcasset 中 new 一个 IMAGE SET，再更名：Launch Image ，感觉文章复制的人有点多，大部分都是这种，其它方法也是无效的，最后发现修改...其它方法第一步：创建ios launch image（deprecated），代码中有设置图片闪屏的可以忽略，注意，刚更新XCODE的创建位置不一样了，如下图。...[djyXcode闪屏动画创建dujinyang米奇云] 这里注意，网上说把Launch Screen File去掉，其实不去掉也可以，等会info.list操作后也会自动清空的，如下图。...[ios闪屏教程Launch Screen File去空米奇云杜锦阳] 第三步：然后我们打开 info.list ，找打 Launch screen interface file base name...[ios闪屏开发添加失败的原因杜锦阳米奇云] 感兴趣的后续可以关注专栏或者公众号 — 《黑客的世界》作者：奥特曼超人Dujinyang 来源：CSDN 原文：https:

2K1 0

用Ionic开发hybrid APP

,The Iconic book ngcordova，将主流的Cordova API或者Cordova插件封装为AngularJS扩展，使用非常方便。...SQLite来存储数据（localstorage中数据很容易被系统，或者一些坑爹系统清理软件删除） Hipo所使用的brodysoft的Cordova-SQLitePlugin，以及集成到ionic...中的代码示例。...启动图片(或称闪屏)插件：$cordovaSplashscreen，之所以推荐也必装这个插件的原因是，默认情况下启动图片时间停留较短，如果你的APP在这段时间没有完成数据加载或者视图渲染等(需要查询SQLite...需要提示的是，安装插件后，在启动图片未关闭时候，默认菊花转在屏幕中间，如果你要自定义，可以更改插件中的原生代码，以iOS为例,将其改到屏幕底部：更改/src/ios/CDVSplashScreen.m中

2.4K1 0

你的iPhone 13，粉了吗？

在这次大规模投诉中，iPhone 13系列是问题发生的重灾区。...△图注：又粉又花屏的iPhone 12 Pro 合着经过三代更新还是没有解决屏幕配色问题啊。除了粉屏，还会闪退重启在大家的投诉声中，还出现了除了粉屏之外的更多问题。...例如游戏玩着玩着，“啪”，没了，粉屏重启： App闪退也是家常便饭：同样地，类似的事外国小哥也遇到过，也是去年的10月刚发售不久：我在玩游戏的时候突然卡住，然后变粉屏，无奈只能重启…… 看来，...尝试修复粉屏的办法对于网友们的投诉，客服和官方技术维修部门也给出了一些应对办法。大致就是将设备还原设置，升级系统，恢复出厂设置等。但是有网友尝试之后还是没有效果，手机还是老样子。...根据一些苹果社区的说法，出现粉屏的原因可能是没有升级最新的IOS系统、OLED屏幕有硬件问题或故障等：由于苹果官方还没有给出行之有效的解决方法，我们找了一些可能有用的办法，仅供参考： 1、重启大法好

3532 0

开发Hybrid App的技术选型

技术开发 Web App：web应用，网页三剑客html+css+js Native App开发依旧是移动应用的主导，但如今的Native App或多或少会嵌入一些web页面，诸如淘宝、京东等APP，所以如今真正意义上的原生应用又该如何去定义呢...Hybrid App在只有一套美术UI的情况下应当如何处理以适配不同的机型呢？媒体查询、百分比，或是直接使用web端常用的单位px、em、rem以及vh、vw，都是常用的适配方案。...；六、打包工具开发完成之后使用hbuilder或cordova打包成为android APK或者ios IPA。...十、swiper是个好东西 swiper常用于移动端网站的内容触摸滑动，是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效...4、项目结构如果项目成功运行，您看到的项目结构应该如下： www文件夹作为开发主文件夹； res文件夹存放app的闪屏图片和icon； plugins文件夹存放插件； plaatforms

2.5K3 0

第123天：移动web开发中的常见问题

手机端页面自适应解决方案—rem布局进阶版（附源码示例）三、移动web开发中的常见问题 1、移动端如何定义字体font-family?...retina：一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样带下的屏幕上，苹果设备的retina显示屏中，像素点1个变为4个。...在高清显示屏中的位图被放大，图片会变得模糊，因此移动端的视觉稿通常会设计为传统PC的2倍。...iOS可以，Android不行。如何禁止文本缩放？...消除transition闪屏： .css{ /*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/ -webkit-transform-style: preserve-3d;

1.5K2 0

cordova打包项目启动页面和图标的设置

内容是前辈的，我测试时，这个适用于cordova打包android7.0版本以后的，小于7.0启动页面和图标的设置我下次自己写，没有可以借鉴的，自己慢慢琢磨的一、config.xml配置在cordova5.0...版本以后，需要安装cordova-plugin-splashscreen插件以后才能修改和设置App的启动页面。...基本配置然后在你的config.xml文件中，添加以下代码 <splash src="res/<em>screen</em>...当设置为false时，APP通过navigator.app.exitApp()代码退出app<em>后</em>，在下次打开APP时，还会显示启动页面。若为true时，就不会出现。

1.1K4 0

【探索式测试基础系列】生活进阶曲

在探索式测试落地实践中奏出了协奏曲后进入到高级阶段，如何在问题定位和经验积累中发挥作用，也可以理解为在生活达到非常和谐后，如何孕育一个后代并为其提供良好的环境，因此本章的名字叫做生活进阶曲，表明在本章内容结束后生活将发生了质的改变...1 反馈跟踪前面讲的都是开发迭代过程，在实际中我们还有很重要的一个环节就是上线后的用户反馈跟踪。...灰度后，收到一条用户反馈“视频横屏播放后，无法竖屏。” 寻找复现路径，根据视频规划图，可以确认影响视频播放的影响点：网络、横竖屏、锁屏、弹幕、小窗口等等，如下图所示。...（2）机型系统：全系统都出现，新系统出现（例如iOS9），少数低端系统出现（例如iOS6），常用系统出现（例如iOS7、iOS8）。...（3）严重程度：闪退，重启或者重试可恢复的bug，一直不消失的bug. （4）修复成本：通过后台发布更新来修复，发patch版本来修复.

9566 0

移动端web开发笔记

3.5K2 0

cordova for ios: Unable to simultaneously satisfy constraints.

使用cordova开发ios项目的时候，在上传图片碰到一个问题。使用html的标签来选择照片或者拍照片，引起了布局报错，然后图片上传过程中很容易崩溃闪退。...然后上传图片或者视频的时候，常会出现崩溃闪退现象。在cordova和phonegap搜了下，没搜到解决的办法，不知道哪位兄台又碰到这个问题么，指点我一下！...完整cordova for ios demo下载：http://download.csdn.net/detail/tandaxia/9455872 原文链接：http://www.cnblogs.com

7724 0

探索式测试基础系列——生活进阶曲

在探索式测试落地实践中奏出了协奏曲后进入到高级阶段，如何在问题定位和经验积累中发挥作用，也可以理解为在生活达到非常和谐后，如何孕育一个后代并为其提供良好的环境，因此本章的名字叫做生活进阶曲，表明在本章内容结束后生活将发生了质的改变...1反馈跟踪前面讲的都是开发迭代过程，在实际中我们还有很重要的一个环节就是上线后的用户反馈跟踪。...灰度后，收到一条用户反馈“视频横屏播放后，无法竖屏。” 寻找复现路径，根据视频规划图，可以确认影响视频播放的影响点：网络、横竖屏、锁屏、弹幕、小窗口等等，如下图所示。...机型系统：全系统都出现，新系统出现（例如iOS9），少数低端系统出现（例如iOS6），常用系统出现（例如iOS7、iOS8）严重程度：闪退，重启或者重试可恢复的bug，一直不消失的bug 修复成本：通过后台发布更新来修复...，发patch版本来修复上述不同维度结合起来可以评估缺陷的类型，定位漏测带来的损失程度。

6218 0

cordova打包vue2（webpack）android、ios app

打包后的文件会放到项目根路径下的dist里边，后边会用到。...---- 2、cordova项目打包好的vue H5项目需要使用cordova来打包成Android和ios项目。...cordova cordova create cordova-app com.trgis mapp 将vue项目中打包后dist目录下的文件全部拷贝到cordova项目的www目录下 cd cordova-app...打包ios或者android，本人用的是Android环境 cordova platform add ios --save cordova platforms add android --save...至于欢迎页，和这步骤一样，只不过第一步选择的时候，要选择横屏还是竖屏。如果看完这个操作失败了，不要灰心，再来一次，如果还是失败了，点击查看视屏教程

2.9K2 0

移动开发实用

什么是Retina 显示屏，带来了什么问题 retina：一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样带下的屏幕上，苹果设备的retina显示屏中，像素点1个变为4...个在高清显示屏中的位图被放大，图片会变得模糊，因此移动端的视觉稿通常会设计为传统PC的2倍那么，前端的应对方案是：设计稿切出来的图片长宽保证为偶数，并使用backgroud-size把图片缩小为原来的...1/2，例如视觉稿40px的字体，使用样式的写法为20px .css{font-size:20px} 参考《高清显示屏原理及设计方案》 ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉 ios用户点击一个链接...) { .css{} } audio元素和video元素在ios和andriod中无法自动播放应对方案：触屏即播 $('html').one('touchstart',function(){...important;} 最好的解决方案：整个页面用rem或者百分比布局消除transition闪屏网络都是这么写的，但我并没有测试出来 .css{ /*设置内嵌的元素在 3D 空间如何呈现：

6.4K3 0

Cordova插件开发——滑动手势解锁（iOS篇）

我想了两种方案，一种是纯前端的方案，即在web页面中嵌入一段js，它负责锁屏界面的显示解锁等功能，是在原有的页面中盖上一层canvas（Demo在此）；第二种是用插件的方式，原生代码去控制锁屏的显示等等...--plugin_version 1.0.0 命令执行后就可以创建了一个新的插件目录，如下图： ?...这里我增加了ios的platform，里面指定了插件的头文件和源文件路径，这样在安装插件的时候才会复制到你的应用里去。...最后完成的Demo在这里。代码写得比较乱，看看就好了。写在最后接下来的关于安卓的插件，我会在我开始做的时候再进行记录。 Cordova的插件开发还算简单，比较有意思的问题是它如何实现的插件？...即如何让js和native进行通信的，其实在iOS这边主要是利用其runtime来实现的，我一年半前写了一个做了个简单版的bridge来干了类似的事情，有兴趣的可以查看我之前的一篇文章并留言讨论。

2.1K1 0

静水流深 | QQ闪屏设定

在这些元素之中，闪屏是直接关系到品牌形象的最为重要的元素之一，因为它决定了应用服务的第一印象。本文将介绍为跟上快速变化的设计趋势，最近被重新设计的QQ闪屏的设计故事。...项目目标 QQ闪屏是移动APP品牌形象中的重要元素，重新设计我们必须格外地小心慎重。...第二轮设计鼠年第二轮设计，我们测试可以象征鼠年的图形，做了把鼠的面具形状放到QQ的形状上的方案，或者用鼠形轮廓测试一些图形。然而由于闪屏应该代表整个服务，更普遍的形象才是首选。...这个方向被选为新的QQ闪屏设计，并在最终完善后应用。...Wallpaper 壁纸 ◀向左滑动查看更多图片后台回复【闪屏】可获取全套壁纸 QQ的闪屏设计会继续保持更新，努力展现QQ的多样性与成长性，让用户感受QQ品牌的生机与活力。

9432 0

Cordova 初识

Cordova 是使用 HTML，CSS 和 JavaScript构建混合移动应用程序的平台。官方文档给了我们 Cordova 的定义。...the scope of each build to specific platforms - 'ios' in this case: $ cordova build ios 可以將手機插入您的電腦和直接測試應用程式..." via npm Installing "cordova-plugin-camera" for android Installing "cordova-plugin-camera" for ios Updating...Documentation about splash screen images can be found in the Cordova-Plugin-Splashscreen documentation...Setting the Version Code 设定版本代码更改应用程序生成的 apk 的版本代码，请在应用程序的 config.xml 文件的 widget 元素中设置 android-versionCode

1.2K0 0

iOS 16升级引热议，网友吐槽锁屏太花哨，潘粤明更新后一度登不上微信

目前看来，这个Bug已经修复了。...在大家的阵阵不满声中，iOS 16的某些更新之处还是收获了好评。下面就来看一看iOS的这次升级究竟如何。...有人很喜欢这种更灵活多样的锁屏模式，也有不少人表示这样花里胡哨，有种“越来越安卓”的感觉。专注模式 iOS 16中和锁屏功能深度绑定的，还有专注模式。...（懂得都懂）横屏FaceID 在iOS16中，横屏解锁Face ID终于实现了，这一点倒是广受好评。不过，这项改进仅支持iPhone13系列以及更新机型。...除了修复联系人、地图、Safari、Safari扩展、快捷方式和WebKit的安全问题外，iOS15.7更新还解决了多个内核漏洞。

7372 0

Flutter开发之动态权限

众所周知，Android在6.0版本后将权限修改成了动态权限，而iOS则一直使用的是动态权限，所以在Flutter应用开发中如果涉及到一些危险权限，就需要进行动态申请，动态申请权限可以使用Flutter...4.3.0 例如，下面是4.3.0版本的用法：权限列表：PermissionGroup中的字段权限状态列表：PermissionStatus中字段打开权限设置页面：await PermissionHandler...： ///请求权限 void _requestPermission() async { debugPrint("进入闪屏页面"); // 申请权限 // PermissionStatus...PermissionStatus.granted) { debugPrint("校验权限:用户都同意了"); //用户都同意了(用&&) ///权限都申请成功初始化闪屏...Permission.camera.isGranted) { debugPrint("校验权限:用户都同意了"); //用户都同意了(用&&) ///权限都申请成功初始化闪屏

1.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云