上篇文章中,我们一起构建了京东客户端的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的添加方法如下: