[发明专利]基于ReactNative的预加载方法、装置、计算机设备及存储介质

说明书

本申请实施例属于研发管理领域，涉及一种基于ReactNative的预加载方法，包括通过ReactNative配置预加载页面，将预加载页面进行打包，并部署于资源目录下的业务组件文件中，在应用程序启动页创建布局界面，将预加载页面传入所述布局界面中，使用布局界面将业务组件文件进行加载解析至内存中，并获取预加载页面，启动所述应用程序时，通过布局界面展示预加载页面。本申请还提供一种基于ReactNative的预加载装置、计算机设备及存储介质。此外，本申请还涉及区块链技术，业务组件文件可存储于区块链中。本申请可以避免出现白屏操作，增强用户体验。

技术领域

本申请涉及研发管理技术领域，尤其涉及一种基于ReactNative的预加载方法、装置、计算机设备及存储介质。

背景技术

ReactNative是目前比较流行的一种移动端混合框架，在移动端用的比较多，由于其可以在Android、iOS、H5、小程序等平台直接使用，有着强大的跨平台特性。原生APP(Application，应用程序)的开发中通常会混合使用ReactNative开发，通过ReactNative开发的模块，在进行调试之前需要先打成bundle文件，之后APP才能对其进行加载和显示。

但是在实际投入使用中，在Android中首次加载ReactNative页面时，需要解析加载bundle文件，而解析加载bundle文件是一个比较耗时的操作，所以从加载bundle文件到ReactNative将对应的ReactNative页面渲染出来就会出现明显的白屏，造成用户体验差。

发明内容

本申请实施例的目的在于提出一种基于ReactNative的预加载方法、装置、计算机设备及存储介质，以解决相关技术中使用ReactNative页面加载应用程序时出现白屏，造成用户体验差的问题。

为了解决上述技术问题，本申请实施例提供一种基于ReactNative的预加载方法，采用了如下所述的技术方案：

通过ReactNative配置预加载页面，将所述预加载页面进行打包，并部署于资源目录下的业务组件文件中；

在应用程序启动页创建布局界面，将所述预加载页面传入所述布局界面中；

使用所述布局界面将所述业务组件文件进行加载解析至内存中，并获取预加载页面；及

在启动所述应用程序时，通过所述布局界面展示所述预加载页面。

进一步的，所述在应用程序启动页创建布局界面，将所述预加载页面传入所述布局界面中的步骤包括：

使用ReactNative提供的管理类加载所述业务组件文件；

将所述布局界面与所述管理类进行关联，并将所述业务组件文件中的预加载页面传入所述布局界面中。

进一步的，所述将所述布局界面与所述管理类进行关联，并将所述业务组件文件中的预加载页面传入所述布局界面中的步骤包括：

调用所述布局界面中的应用启动方法，将所述管理类传入所述布局界面中；

通过所述管理类将所述预加载页面传入所述布局界面中。

进一步的，所述将所述预加载页面进行打包，并部署于资源目录下的业务组件文件中的步骤包括：

将所述预加载页面的执行代码进行打包，生成预加载业务组件文件；

为所述预加载业务组件文件分配唯一识别标识，并将所述预加载页面业务组件文件部署于对应业务的业务组件文件中。

进一步的，所述使用所述布局界面将所述业务组件文件进行加载解析至内存中，并获取到所述预加载页面的步骤包括：