[发明专利]一种页面交叉跳转方法及装置

说明书

本发明公开了一种页面交叉跳转方法及装置，应用于应用开发技术领域，该方法包括：监控M个原生页面与N个RN页面之间是否满足预设跳转条件，所述M个原生页面与所述N个RN页面属于同一目标应用程序，M、N均为大于1的整数；如果是，查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面；跳转至所述目标RN页面。通过本发明解决了现有技术中RN页面与原生页面的交叉跳转无法一直进行下去的技术问题。

技术领域

本发明涉及应用开发技术领域，尤其涉及一种页面交叉跳转方法及装置。

背景技术

React Native(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。在实际生产中，毕竟Rn的组件还不是那么完善，所以，当我们需要软件比较炫酷的动画效果或者在使用Rn组件时遇到诡异的坑而没有进展的时候，我们可以使用RN与原生协同开发来实现最终效果，原生页面不仅可以跳转到RN页面，也可以把RN组件放到原生页面中作为原生页面的一部分。原生页面打开RN页面，RN页面中再打开其他native页面。为了达到这一目的，就需要原生页面与RN页面之间跳转。

在现有技术中，RN框架与原生模块(iOS平台或者安卓平台)协同开发的软件在页面跳转时，一次RN页面与原生页面的交叉跳转不会存在任何问题，但是RN页面与原生页面之间发生多次交叉跳转时，却无法将交叉跳转一直进行，在进行过程中会在第二次交叉跳转时就卡住，因此，就必须返回上一级页面才能跳转，因此，导致交叉跳转无法一直进行下去。

发明内容

本发明实施例通过提供一种页面交叉跳转方法及装置，解决了现有技术中RN页面与原生页面的交叉跳转无法持续进行的技术问题。

第一方面，本发明实施例提供一种页面交叉跳转方法，包括：

监控M个原生页面与N个RN页面之间是否满足预设跳转条件，所述M个原生页面与所述N个RN页面属于同一目标应用程序，M、N均为大于1的整数；

如果是，查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面；

跳转至所述目标RN页面。

可选的，所述路由数组预先创建于目标RN实例对象中；

所述N个RN页面同属于所述目标RN实例对象，所述路由数组中存储有所述N个RN页面中每个RN页面的页面展示组件的索引。

可选的，所述查询与所述N个RN页面相关的路由数组，根据查询结果从所述N个RN页面中确定待跳转的目标RN页面，包括：

在所述M个原生页面中当前展示的原生页面向所述N个RN页面中的一个RN页面发生跳转时，查询所述N个RN页面中每个RN页面的页面展示组件的索引，确定所述待跳转的目标RN页面；

基于所述目标RN实例对象中的基础事件处理对象，单独向所述待跳转的目标RN页面对应的页面展示组件发起页面展示通知；

响应于所述页面展示通知，对所述目标RN页面进行展示。

可选的，所述监控所述M个原生页面与所述N个RN页面之间是否满足预设跳转条件，具体包括：

监控所述M个原生页面与所述N个RN页面之间是否发生交叉跳转，或者监控所述M个原生页面与所述N个RN页面之间是否发生两次以上交叉跳转。

可选的，单次所述交叉跳转，具体为：

所述M个原生页面中的第一原生页面向所述N个RN页面中的第一RN页面跳转之后，所述第一RN页面向所述M个原生页面中的第二原生页面跳转。