用react native 做的一个推酷客户端
2015-07-06 00:24
363 查看
用react native 做的一个推酷客户端
仅供大家参考,只为抛砖引玉,希望大家能以此来了解react,并编写出更多的优质的开源库,为程序员做出贡献。
用的的组件:
NavigatorIOS
react-native-swiper
ListView
WebView
界面是模仿官网的应用的,一个导航,导航下面是分类,分类下面是列表,分类可以点击切换,也可以左右滑动切换,一直往下来,会加载下一页数据,点击某一项,会进到详情页,详情页直接用一个WebView来显示,功能比较简单,共大家学习,下拉刷新也有一个开源控件,但是为了程序的简单我就没加上。
![](https://raw.githubusercontent.com/362228416/react-native-tuiku/master/1.png)
详情
![](https://raw.githubusercontent.com/362228416/react-native-tuiku/master/2.png)
代码已上传github,点击react-native-tuiku查看
仅供大家参考,只为抛砖引玉,希望大家能以此来了解react,并编写出更多的优质的开源库,为程序员做出贡献。
用的的组件:
NavigatorIOS
react-native-swiper
ListView
WebView
运行步骤
1、npm install 2、用Xcode打开tuiku.xcodeproj 3、Commmand + R
界面是模仿官网的应用的,一个导航,导航下面是分类,分类下面是列表,分类可以点击切换,也可以左右滑动切换,一直往下来,会加载下一页数据,点击某一项,会进到详情页,详情页直接用一个WebView来显示,功能比较简单,共大家学习,下拉刷新也有一个开源控件,但是为了程序的简单我就没加上。
下面是效果
列表![](https://raw.githubusercontent.com/362228416/react-native-tuiku/master/1.png)
详情
![](https://raw.githubusercontent.com/362228416/react-native-tuiku/master/2.png)
代码已上传github,点击react-native-tuiku查看
相关文章推荐
- 用 `react native` 模仿做的一个美团客户端首页
- 天猫Web架构/Pad客户端负责人:如何评价 React Native?
- reactor官方文档译文(2)Reactor-core模块
- ReactJS学习笔记七:表单
- React 初探
- 由ReactJS的Hello world说开来
- 深入理解JavaScript的React框架的原理
- 超级给力的JavaScript的React框架入门教程
- reactor模式和proactor模式
- [iOS]ReactiveCocoa安装方法
- ReactiveCocoa自述:工作原理和应用
- 超级给力的JavaScript的React框架入门教程
- 深入理解JavaScript的React框架的原理
- 由ReactJS的Hello world说开来
- ReactNavtive框架教程(2)
- Proactor VS Reactor
- React生命周期
- 【Facebook的UI开发框架React入门之九】按钮简介(iOS平台)-goodmao
- Facebook React Native开发入门
- React Native 学习总结