开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何修复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中闪屏后的白屏问题的修复，以上是一些建议和常见解决方法。具体修复方法可能因项目配置和环境而异，可以根据具体情况进行调整和尝试。

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

相关搜索:Apache Cordova自定义闪屏在Android和ios中不可见使用用于cordova的闪屏插件创建的Splashscreen在Visual Studio 2015中不显示在android的闪屏活动后，如何启动登机活动？在iOS中闪屏后，Angular应用程序显示黑屏在带有离子功能的iOS应用程序中闪屏后出现黑屏如何修复Android的闪屏？如何修复GTK+2中的"assertion 'GDK_IS_SCREEN (screen)‘failed“错误如何修复启动自定义闪屏时产生的错误？如何修复闪屏后出现的白屏-反应原生如何删除Flutter中的默认白色闪屏？我根本不想要闪屏

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

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

故事的发生起于，由于老板强烈要求app在iPhone6和5有一样的工具栏，然后前端妹子用@media为iPhone6和Plus做了样式适配。然后问题来了，竟然奇葩的发现@media样式只对iPhone4和5起了作用，然后在6和6S的样式效果和5是一样的，奇了怪了！

04

用Ionic开发hybrid APP

使用phonegap开发APP的优劣在此不必细说，快速，简单，跨平台，以及随着iOS，Android本身对webview优化所带来的不错的性能，便是其独有的优势。而且私以为在目前激烈而又变化快速的移动APP市场环境下，用phonegap来开发APP未尝不是一种低成本mvp的方案，快速发布，成王败寇^-^

01

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

在 Image.xcasset 中 new 一个 IMAGE SET，再更名：Launch Image ，感觉文章复制的人有点多，大部分都是这种，其它方法也是无效的，最后发现修改 info.list + build setting 配置才能生效。

01

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

在cordova5.0版本以后，需要安装cordova-plugin-splashscreen插件以后才能修改和设置App的启动页面。

04

Cordova 初识

Cordova 是使用 HTML，CSS 和 JavaScript构建混合移动应用程序的平台。官方文档给了我们 Cordova 的定义。

00

cordova插件- Splashscreen

添加插件 $ cordova plugin addcordova-plugin-splashscreen 插件的使用 Methods 此处没有方法，主要是一些config.xml的配置 2. Exa

04

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

启动前黑白屏问题，仅存在于android，是android应用的通病，ionic表示这锅它不背。具体操作时，当我们点击桌面图标启动APP时，有时会闪一下黑色背景，有时黑色背景时间还比较长。原因是：

06

让chrome插件在手机上跑起来

创建一个chrome的插件，并让这个插件能够作为一个app，运行在终端设备上。创建一个chrome插件该插件app实现一个搜索框，输入内容后，根据输入内容去github搜索名称有关联的repositories 书写manifest.json 创建chrome app的加载页面书写加载页面的内容使用chrome的扩展程序加载程序代码manifest.json chrome的app的配置文件有固定的形式，简单配置如下{ "manifest_version": 2,//

01

让chrome插件在手机上跑起来

本文主要介绍了如何通过Chrome插件在iOS设备上实现网页的渲染和交互，同时介绍了如何通过Chrome App开发一个桌面应用，并通过官方模拟器进行调试和运行。同时，作者还分享了在开发过程中遇到的问题和解决方法，以及Chrome App和Hybrid App之间的区别和优劣。

05

让chrome插件在手机上跑起来

创建一个chrome的插件，并让这个插件能够作为一个app，运行在终端设备上。

02

Vue 全家桶 + Electron 开发的一个跨三端的应用

我是一名全职的 iOS 开发者，非前端开发者。由于接触了 Weex 开发，从而接触到了 Vue.js。

07

开发Hybrid App的技术选型

如果我们把Hybrid App理解为运行在android或者ios以及其他移动终端设备上的应用，也可以叫做H5 APP，这种开发应用的模式结合web开发技术与Native开发的部分技术，通常也被称为混合开发模式。

03

Cordova插件须知

ionic可以很方便的安装cordova插件，最新ionic-cli要求cordova插件里面有package.json和plugin.xml才能安装成功，如果缺失，请自行补上，而原来旧的cli不要求package.json文件（插件目录里的，不是ionic项目里的）。

03

Visual Studio优化了移动端插件Cordova

微软最新发布的Visual Studio插件Taco（Apache Cordova工具）可以让使用移动设备上面的硬件变得更加简单。 Cordova是一个开源框架，主要为多平台的web应用提供代码支持。通过这个框架，应用可以使用移动设备原生的摄像头，麦克风等硬件。微软此项目的高级经理Ricardo Minguez说，版本更新9使开发者能用更少的命令完成工作——得益于插件的扩展性，并且给开发者提供了更多入门教程。 “当你使用Apache Cordova构建app的时候，需要使用插件来获得设备的硬件使用权限（例如

07

IOS应用提交所需的ICON

如果提交的ipa包中，未包含必要的Icon就会收到类似的通知，为什么偏偏是Icon-76呢？

02

静水流深 | QQ闪屏设定

腾讯ISUX isux.tencent.com 社交用户体验设计 Still waters run deep QQ闪屏2020做了全新改造，旨在表达透过QQ企鹅窗口看见与体验丰富多元审美愉悦的社交内容，看似平静的白皑静水冰层，底下暗涌深流着无尽的年轻趋势。 QQ是腾讯用户量达数亿，有着20年历史的代表性即时移动通讯工具，QQ的所有品牌元素，比如企鹅形象，emoji表情甚至通知声音都已经被许多用户熟悉。在这些元素之中，闪屏是直接关系到品牌形象的最为重要的元素之一，因为它决定了应用服务的第一印象。本文

02

Hybrid App移动应用开发初探

Native App（原生App）是用原生语言（Object-C/Java/C#/....）开发，用户需要下载安装的手机应用。

02

Ionic3 拍照上传

本文主要介绍使用cordova实现拍照上传，走通 “拍照》预览》上传》下载 ”这个流程。为了方便查看测试结果，需要了解Ionic应用调试的基本方法，有关于Ionic项目Android 调试的详细教程，请参考以下文章：Ionic3 Android调试

03

【开发指南】（一）Ionic3开发环境配置常规ionic的环境搭建如下：

工欲善其事，必先利其器，搭好环境是开发的前提，有时环境没弄好，不时报错往往很扎心。

03

iOS下JS与OC互相调用（七）--Cordova 基础

在介绍Cordova之前，必须先提一下PhoneGap。PhoneGap 是Nitobi软件公司2008年推出的一个框架，旨在弥补web 和iOS 之间的不足，使得web 和 iPhone SDK 之间的交互更容易。后来又加入了Android SDK 和BlackBerry SDK，再然后又陆续加入了更多的平台。但是在2011年，Nitobi公司被Adobe收购，PhoneGap也被提交到Apache Incubator。由于Adobe现在拥有PhoneGap商标，PhoneGap v2.0版产品就更名为Apache Cordova。据说Cordova是Nitobi团队当时坐落的街道名称，用此名来纪念Nitobi团队的贡献。Apache Cordova是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。

02

Flutter开发之动态权限

众所周知，Android在6.0版本后将权限修改成了动态权限，而iOS则一直使用的是动态权限，所以在Flutter应用开发中如果涉及到一些危险权限，就需要进行动态申请，动态申请权限可以使用Flutter的permission_handler。

02

Ionic3学习笔记（三）禁止横屏

1. 安装命令行输入 ionic cordova plugin add cordova-plugin-screen-orientation npm install --save @ionic-native/screen-orientation 在 ./src/app/app.module.ts 中添加 import {ScreenOrientation} from "@ionic-native/screen-orientation"; 在 provides 中添加 ScreenOrientation

01

使用 Cordova 构建应用的流程

Cordova 应用程序有几个组件。下图展示了 Cordova 应用程序体系结构的高级视图。

01

2018年Web开发人员应该学习的12个框架

它可以帮助你获得更好的工作，并将你的职业生涯提升到新的水平，如果遇到无聊的工作，例如启动和停止服务器，设置一些cron作业，以及回复维护传统的旧电子邮件应用，使用框架效果会更好。

04

套壳

phonegap已经不再是phonegap，而是phonegap build，用来打包的。

00

React-native组件库列表

思维导图版本 React-native组件库列表 react-native 对 react 对数据管理 mobx-react 对 mobx UI @ant-design/react-native 对 Toast 加入Provider 其他不清楚模糊效果 @react-native-community/blur 对视频 https://github.com/chaimPaneth/react-native-jw-media-player 获取原生图片 react-native-image-picker

02

05. 使用 cordova plugman 编辑和添加插件

$ plugman install --platform <ios|android> --project <directory> --plugin <name|url|path> [--plugins_dir <directory>] [--www <directory>] [--variable <name>=<value> [--variable <name>=<value> ...]]

02

Cordova 是什么

给两个链接： - webView:shouldStartLoadWithRequest:navigationType: public void addJavascriptInterface (Object object, String name)

03

Cordova 实现热更新

文章来源 http://blog.csdn.net/zhuzhiqiang_zhu/article/details/53608398 一、添加插件说明：在这个步骤里面，以下的命令需要在项目根目录下执行 ● 新建Cordova项目 ○ cordova create CordovaHotCode com.ezample.hotcode ● 添加android平台 ○ cordova platform add android ● 添加iOS平台 ○ cordova platform add ios ● 添加自动更新插件 ○ cordova plugin add cordova-hot-code-push-plugin ● 添加cordova hot code push客户端，用于生成www目录下文件的hash码，更新的时候对比使用。(注意：安装过就不用在安装了) ○ npm install -g cordova-hot-code-push-cli 二、配置

03

cordova开发环境搭建

最近我在尝试了解跨平台技术的发展，首先则是想到了cordova。本文简单记录下cordova环境搭建的过程。

03

自定义Cordova插件详解

在混合式应用中，我们通过现有的Cordova插件，可以轻松的在 H5 上调用手机native的功能。现有的Cordova插件能满足平时大部分的开发需求，然而，有时候找不到合适的插件、或对找到的插件有不满意的地方，那就要动手去做或改写一个插件，这时候就要了解一些Cordova插件的相关知识。

03

Android实现保持屏幕常亮功能

笔者所在公司做的APP是股票类的，用户在查看股票报价页面的时候，往往需要开启盯盘模式，这个时候屏幕是不能黑屏的，黑屏会导致用户看不到一些关键报价涨跌，错过了买入卖出的最佳时机，就会给用户造成损失，这是股票类软件所不能容许的，所以一般的股票类APP都会有屏幕常亮功能。

04

神奇的Cordova — 利用H5进行APP开发

一直以来 app 的开发都分为 android 版本和 ios 版本,同一款 app 需要写两种版本，版本有差异不说，耗费的成本加成。 cordova 的出现就是一股清流，它能实现将 h5 页面打包成 android 或 ios 版本，实现了 android、ios、pc 端页面的统一。内容都用 h5 书写，差异性和成本都下降了。它所支持的各种开源插件也能轻松实现对手机众多接口的调用，功能性上没有问题。操作需要掌握一定 NodeJs Cordova 的安装： 1. 下载 jdk，安装 JAVA 环境，

03

Hybrid App 应用开发中 5 个必备知识点复习

前言我们大前端团队内部 📖每周一练的知识复习计划还在继续，本周主题是《Hybrid APP 混合应用专题》，这期内容比较多，篇幅也相对较长，每个知识点内容也比较多。之前分享的每周内容，我都整理到掘金收藏集 📔《EFT每周一练》上啦，欢迎点赞收藏咯💕💕。注：本文整理资料来源网络，有些图片/段落找不到原文出处，如有侵权，联系删除。一、什么是 Hybrid App，与 Native App 及 Web App 有什么区别参考文章：《Web App Hybrid App和 Native Ap

00

构建具有用户身份认证的 Ionic 应用

使用 Okta 和 OpenID Connect (OIDC)，可以很轻松的在 Ionic 应用中添加身份认证，完全不需要自己实现。 OIDC 允许你直接使用 Okta Platform API 进行认证，本文的目的就是告诉你如何在一个 Ionic 应用中使用这些 API。我将演示如何使用 OIDC 重定向、Okta 的 Auth SDK 以及基于 Cordova 内嵌浏览器的 OAuth 进行登录；由于功能还在开发中，所以省略了用户注册。

00

Ionic3 开发流程

简单介绍自己使用Ionic3开发的过程，涉及到的知识点如下： Angular Ionic Cordova ES6 TypeScript Scss 环境搭建引用插件调试 Android打包 Android签名 IOS打包

03

ionic和cordova初探--从安装到运行首个app

好多人说ionic好用，一直要推荐我用，我就不信了，来安装玩一下试试效果。实践出真知！安装过程各种坑，工具太多了，太麻烦了，差点放弃（还好坚持下来呢）。

01

React native开发中常见的错误

react native环境搭建请移步：react native环境搭建这里说说react native创建完成之后，运行中出现的常见问题，问题1： java.lang.RuntimeException: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable. 这个是原因是工程找不到我们的android S

06

构建具有用户身份认证的 Ionic 应用

序言：本文主要介绍了使用 Ionic 和 Cordova 开发混合应用时如何添加用户身份认证。教程简易，对于 Ionic 入门学习有一定帮助。因为文章是去年发表，所以教程内关于 Okta 的一些使用步骤不太准确，但是通过 Okta 的官网也可以找到对应的内容。另外，使用 npm 安装 Ionic starter 模板可能会有安装失败的情况，建议不要在这方面浪费太多时间，可以直接在 Ionic 的 GitHub 仓库中下载 starter 模板。原文：How to Sprinkle ReactJS i

05

RSSHelper正式开源

试过一些RSS订阅app，有些重要源无法解析，例如FEX周刊、奇舞周刊、国外站点等等。另外，对于没有提供RSS的网页，也没有办法订阅，所以决定自己搓一个：

05

Cordova

Cordova是用于使用HTML，CSS和JS构建移动应用的平台。我们可以认为Cordova是一个容器，用于将我们的网络应用程序与本机移动功能连接。默认情况下，Web应用程序不能使用本机移动功能。这就是Cordova进来的地方。它为网络应用和移动设备之间的连接提供了桥梁。通过使用cordova，我们可以使混合移动应用程序，可以使用摄像头，地理位置，文件系统和其他本地移动功能。

01

cordova打包vue2（webpack）android、ios app

使用cordova打包vue2（webpack）app for android ios 1、vue项目通过vue-cli脚手架建立项目，使用webpack进行打包，下边是一整套命令。 #npm 版本最好是最新的，升级npm，node版本也有要求 npm i -g npm # 安装脚手架 npm install -g vue-cli #初始化新建项目 vue init webpack vue-app # install dependencies # config/index.js 里可以修改端口 n

02

我们是如何将 Cordova 应用嵌入到 React Native 中

重写一个应用是一件简单的事，可是演进一个应用则是一件复杂的工作。过去的一年多里，我在工作上的主要职责是：手机 APP 开发。日常主要是编写基于 Ionic 和 Angular 的混合应用，并想方设法地帮助客户将之与 React Native 相结合。在完成了嵌入 WebView 后，重写插件等一系列工作后，便想记录一下这个过程中遇到的坑。平滑地演进如我在开头所说，在有足够人力和物力的情况下，最好的方式就是在重写应用。一来，应用在其生命周期里，经过了不同的开发人员、不同的业务变更，必然有大量的遗留代码

06

开发者视角下的跨平台技术选型

本系列文章先站在公司的的角度对产品技术选型进行分析，然后再根据我们项目实际开发经验进行汇总，供大家参考。

02

【Hybird】274-Hybird App 应用开发中 5 个必备知识点复习

前言我们大前端团队内部 ?每周一练的知识复习计划还在继续，本周主题是《Hybird APP 混合应用专题》，这期内容比较多，篇幅也相对较长，每个知识点内容也比较多。之前分享的每周内容，我都整

03

用Hooks实现的高性能React-Native Swiper组件

Github仓库: https://github.com/Voyzz/react-native-swiper-hooks

00

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭