[发明专利]桥接原生列表视图的方法、存储介质、设备及系统有效
申请号: | 201810731437.0 | 申请日: | 2018-07-05 |
公开(公告)号: | CN110688114B | 公开(公告)日: | 2022-11-11 |
发明(设计)人: | 周维;张文明;陈少杰 | 申请(专利权)人: | 武汉斗鱼网络科技有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F8/30 |
代理公司: | 武汉智权专利代理事务所(特殊普通合伙) 42225 | 代理人: | 张凯 |
地址: | 430000 湖北省武汉市东湖开*** | 国省代码: | 湖北;42 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 原生 列表 视图 方法 存储 介质 设备 系统 | ||
1.一种桥接原生列表视图的方法,其特征在于,包括以下步骤:
JS端按照设定数量创建一组视图,并将创建的一组视图发送至Native层;
Native层将接收的视图按照序号索引放至列表组件RecycleView中;
Native层监听RecycleView中的上下滑动事件,计算出RecycleView显示的首行和尾行的序号索引;
将计算出的首行和尾行的序号索引通过ReactNative桥接接口发送至JS端;
其中,当将计算出的首行和尾行的序号索引通过ReactNative桥接接口发送至JS端,JS端接收了首行和尾行的序号索引后,JS端按照设定数量再次创建一组视图,然后将创建的一组视图发送至Native层。
2.如权利要求1所述的一种桥接原生列表视图的方法,其特征在于:所述JS端按照设定数量创建一组视图,具体步骤为:JS端基于屏幕高度创建多个适配于屏幕高度的视图,且视图的个数为设定数量。
3.如权利要求1所述的一种桥接原生列表视图的方法,其特征在于:所述JS端通过ReactNative桥接接口将创建的一组视图发送至Native层。
4.如权利要求1所述的一种桥接原生列表视图的方法,其特征在于:所述Native层中还创建有数组,Native层将接收的视图存储至创建的数组中,然后再将视图按照序号索引放至列表组件RecycleView中。
5.一种存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现以下步骤:
JS端按照设定数量创建一组视图,并将创建的一组视图发送至Native层;
Native层将接收的视图按照序号索引放至列表组件RecycleView中;
Native层监听RecycleView中的上下滑动事件,计算出RecycleView显示的首行和尾行的序号索引;
将计算出的首行和尾行的序号索引通过ReactNative桥接接口发送至JS端;
其中,当将计算出的首行和尾行的序号索引通过ReactNative桥接接口发送至JS端,JS端接收了首行和尾行的序号索引后,JS端按照设定数量再次创建一组视图,然后将创建的一组视图发送至Native层。
6.一种电子设备,其特征在于,其包括:
创建单元,其用于驱使JS端按照设定数量创建一组视图,并将创建的一组视图发送至Native层;
存储单元,其用于将Native层接收的视图按照序号索引放至列表组件RecycleView中;
监听单元,其用于在Native层监听RecycleView中的上下滑动事件,计算出RecycleView显示的首行和尾行的序号索引;
传输单元,其用于将计算出的首行和尾行的序号索引通过ReactNative桥接接口发送至JS端;
其中,当将计算出的首行和尾行的序号索引通过ReactNative桥接接口发送至JS端,JS端接收了首行和尾行的序号索引后,JS端按照设定数量再次创建一组视图,然后将创建的一组视图发送至Native层。
7.一种桥接原生列表视图的系统,其特征在于,包括:
创建模块,其用于驱使JS端按照设定数量创建一组视图,并将创建的一组视图发送至Native层;
存储模块,其用于将Native层接收的视图按照序号索引放至列表组件RecycleView中;
监听模块,其用于在Native层监听RecycleView中的上下滑动事件,计算出RecycleView显示的首行和尾行的序号索引;
传输模块,其用于将计算出的首行和尾行的序号索引通过ReactNative桥接接口发送至JS端;
其中,当将计算出的首行和尾行的序号索引通过ReactNative桥接接口发送至JS端,JS端接收了首行和尾行的序号索引后,JS端按照设定数量再次创建一组视图,然后将创建的一组视图发送至Native层。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于武汉斗鱼网络科技有限公司,未经武汉斗鱼网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201810731437.0/1.html,转载请声明来源钻瓜专利网。
- 上一篇:跨系统的数据调用方法、装置及系统
- 下一篇:生成界面的方法和装置