React Native布局实践:开发京东客户端首页(三)——轮播图的实现

本文介绍了在React Native中开发京东客户端首页轮播图的实践过程,推荐使用react-native-viewpager控件,详细讲解了从控件调研、文件添加到ViewPager构建的步骤,包括数据源设置、页面渲染和自定义指示器样式。
摘要由CSDN通过智能技术生成

上篇文章中,我们一起构建了京东客户端的TabBar,在本文中,将继续向大家介绍京东客户端首页轮播图及其下发功能按钮的开发方法,现在就让我们开始吧!


1.相关控件调研

目前在Github开源的轮播图控件,个人认为做得比较好的,一个是react-native-swiper(https://github.com/leecade/react-native-swiper),一个是react-native-viewpager(https://github.com/race604/react-native-viewpager),而经过试用发现,react-native-swiper虽然效果和样式较多、控制方便,但在将它缩小为一个固定高度的视图时,其底部的指示符号(即几个点,如下图)就不见了,所以最终我推荐使用react-native-viewpager,简单好用!


2.添加相关文件

下来我们将素材和相关的库导入项目当中,其中,react-native-viewpager的添加方法如下:

评论 19
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值