[发明专利]一种基于ReactNative的图片展示组件开发方法及相关组件

权利要求书

1.一种基于ReactNative的图片展示组件开发方法，其特征在于，包括：

以FlatList组件为基础通过ReactNative设置渲染参数；

监测展示列表的下方不可见区域的高度；

当所述高度小于高度阈值时加载数据源；

监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。

2.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，所述监测展示列表的下方不可见区域的高度，包括：

监测所述展示列表的可见区域的下边界到所述展示列表底部的不可见区域的下边界的距离，以得到所述下方不可见区域的高度。

3.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，还包括：

通过预设接口接收针对所述展示列表的列数调整参数，并根据所述列数调整参数更新所述渲染参数。

4.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，还包括：

通过预设接口接收针对所述展示列表的图片样式调整参数，并根据所述图片样式调整参数更新所述渲染参数。

5.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，还包括：

通过预设接口接收针对所述展示列表的文字样式调整参数，并根据所述文字样式调整参数更新所述渲染参数。

6.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，还包括：

通过预设接口接收针对所述展示列表的单页展示数量调整参数，并根据所述单页展示数量调整参数更新所述渲染参数。

7.根据权利要求1至6任一项所述的基于ReactNative的图片展示组件开发方法，其特征在于，所述当所述高度小于高度阈值时加载数据源之后，还包括：

基于所述数据源根据所述渲染参数渲染除图片数据外的其余数据。

8.一种基于ReactNative的图片展示组件开发装置，其特征在于，包括：

参数配置模块，用于以FlatList组件为基础通过ReactNative设置渲染参数；

监测模块，用于监测展示列表的下方不可见区域的高度；

数据源加载模块，用于当所述高度小于高度阈值时加载数据源；

图片渲染模块，用于监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。

9.一种电子设备，其特征在于，包括：

存储器，用于保存计算机程序；

处理器，用于执行所述计算机程序，以实现如权利要求1至7任一项所述的基于ReactNative的图片展示组件开发方法。

10.一种计算机可读存储介质，其特征在于，用于存储计算机程序；其中计算机程序被处理器执行时实现如权利要求1至7任一项所述的基于ReactNative的图片展示组件开发方法。