RN组件应用·代码案例（带运行效果图，仓库不定期推）

===  Git仓库地址（分支：v0.1.1）===

 

GitHub：https://github.com/kobeyk/react-native-example.git

 

 

clone到本地，执行：

git clone https://github.com/kobeyk/react-native-example.git

 

 

---

 

三、运行效果图

 

说明：凡是图片，都来源于网络，凡是不涉及网络请求的，数据构建走的都是项目中的静态json数据，如：

 

 

 

---

 

（1）Image结合View和Text组件，来一波Nike球鞋展示（九宫格布局）

 

 

 

---

 

（2）FlatList结合View、Text、Image、Swiper等组件，走一波技术书籍的"售卖"

 

 

 

---

 

（3）SectionList结合View、Text、Image、Swiper等组件，走一波NBA球队球员的分组列表展示

 

 

---

 

（4）ScrollView结合Image、Text，加上RN自带的fetch组件，实现网络数据的get请求获取相应的数据并展示

 

备注：macOS系统中，在ios模拟器上调出调试模式，快捷键：command+D

 

 

API接口地址：http://demo.itlike.com/web/xlmc/api/homeApi

 

 

项目demo实现（部分截图）：

 

 

 

 

 

---

 

（5）其他组件及第三方库的使用，如网络请求axios等，请关注我的github！