用react native 做的一个推酷client

Posted gccbuaa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用react native 做的一个推酷client相关的知识,希望对你有一定的参考价值。

用react native 做的一个推酷client

仅供大家參考。仅仅为抛砖引玉。希望大家能以此来了解react。并编写出很多其它的优质的开源库,为程序猿做出贡献。

用的的组件:

  • Navigatorios
  • react-native-swiper
  • ListView
  • WebView

执行步骤

  1、npm install
  2、用Xcode打开tuiku.xcodeproj
  3、Commmand + R

界面是模仿官网的应用的。一个导航,导航以下是分类,分类以下是列表,分类能够点击切换。也能够左右滑动切换,一直往下来,会载入下一页数据。点击某一项,会进到详情页。详情页直接用一个WebView来显示,功能比較简单,共大家学习。下拉刷新也有一个开源控件,可是为了程序的简单我就没加上。

以下是效果

列表
技术分享

详情
技术分享

代码已上传github,点击react-native-tuiku查看



以上是关于用react native 做的一个推酷client的主要内容,如果未能解决你的问题,请参考以下文章

react native 项目中 app.js 文件中所做的更改未反映

记一次 React Native 大版本升级过程——从0.40到0.59

用 react-native-firebase 编译 react-native

react native 可以用svg 吗

react-native init project 速度慢

react native 接入支付宝支付