[发明专利]图像预览方法、装置、设备及存储介质

说明书

本发明实施例公开了一种基于React Native的图像预览方法、装置、设备及存储介质。所述方法包括：获取操作界面转换指令；如果操作界面转换指令对应的转换后的操作界面为设定图像预览界面，则调用基于React Native的图像预览程序，以使图像预览程序根据设定图像预览界面对应的用户操作显示预览图像。本发明实施例的技术方案解决了现有技术中需要针对不同的移动操作系统编写不同的内置于应用程序或可被应用程序调用的图像预览程序模块，导致应用程序开发成本增加以及开发效率降低的技术缺陷，实现了降低基于Android以及iOS系统的应用程序的开发成本，且提高了应用程序的开发效率。

技术领域

本发明实施例涉及图像预览技术领域，尤其涉及一种基于React Native的图像预览方法、装置、设备及存储介质。

背景技术

现如今，移动终端所使用的操作系统绝大多数为Android系统和iOS系统，其中，Android系统是由Google公司开发的操作系统，iOS系统是由苹果公司的移动操作系统，这两大移动操作系统完全不同。

现有技术中，编程人员在编写移动终端中的应用程序时，需要针对Android系统和iOS系统编写两个版本的应用程序，浪费了大量的人力物力，使得应用程序的开发成本较高，开发效率较低。

WebApp是指基于Web的系统和应用，其可以向广大的用户发布一组复杂的内容和功能。虽然同时针对Android系统和iOS系统可以只编写一个版本的WebApp，但是WebApp的手势识别性能较差，其难以顺畅地对手势操作进行响应。例如，在通过用户的手势操作触发图像预览时，会出现卡顿的现象，难以顺畅地显示预览图像。

发明内容

有鉴于此，本发明实施例提供了一种图像预览方法、装置、设备及存储介质，以优化现有的应用程序的图像预览方法，降低了移动终端的应用程序的开发成本。

在第一方面，本发明实施例提供了一种基于React Native的图像预览方法，包括：

获取操作界面转换指令；

如果所述操作界面转换指令对应的转换后的操作界面为设定图像预览界面，则调用基于React Native的图像预览程序，以使所述图像预览程序根据所述设定图像预览界面对应的用户操作显示预览图像。

在上述方法中，可选的是，所述用户操作为手势操作。

在上述方法中，可选的是，所述图像预览程序根据所述设定图像预览界面对应的用户操作显示预览图像，包括：

通过所述图像预览程序，判断用户对所述设定图像预览界面中的目标图像的操作是否为预览操作；

如果为预览操作，则通过所述图像预览程序显示所述目标图像的预览图像。

在上述方法中，可选的是，所述通过所述图像预览程序显示所述目标图像的预览图像，包括：

通过所述图像预览程序，根据所述目标图像在屏幕中的位置，确定所述目标图像的预览图像的显示位置；

通过所述图像预览程序，将所述预览图像在所述显示位置上进行显示。

在上述方法中，可选的是，所述通过所述图像预览程序，根据所述目标图像在屏幕中的位置，确定所述目标图像的预览图像的显示位置，具体包括：

通过所述图像预览程序，根据所述目标图像的上边缘线与屏幕的上边缘线之间的距离与所述预览图像的图像高度的比值，确定所述预览图像的显示位置。

在上述方法中，可选的是，所述预览操作为长按；

在所述通过所述图像预览程序显示所述目标图像的预览图像之后，还包括：