`
qq362228416
  • 浏览: 34403 次
社区版块
存档分类
最新评论

用react native 做的一个推酷客户端

 
阅读更多

用react native 做的一个推酷客户端

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

用的的组件:

  • NavigatorIOS
  • react-native-swiper
  • ListView
  • WebView

运行步骤

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

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

下面是效果

列表

详情

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

<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>
分享到:
评论

相关推荐

    使用reactnative开发的一个one客户端

    在“使用react native开发的一个one客户端”这个项目中,我们可以理解为开发者已经利用React Native技术创建了一个名为“ONE”的移动应用客户端。这个客户端可能是针对某种特定服务或平台,如在线阅读、学习资源、...

    一个使用ReactNative制作的个人博客客户端

    这个“一个使用ReactNative制作的个人博客客户端”项目,显然利用了React Native的强大功能,为个人博客提供了一个跨平台的移动应用解决方案。 在JavaScript开发领域,React Native的出现打破了Web与移动应用之间的...

    采用reactnative开发的一个干货客户端

    本文将深入探讨如何利用React Native技术开发出一个具有主题换色、夜间模式以及省流量策略的“干货客户端”。 首先,React Native的核心在于它的组件化开发思想。在React中,UI是由可复用的组件构成的,每个组件都...

    React Native模仿网易云音乐手机客户端,兼容安卓和IOS两个平台 .zip

    icons@4.3.0 (包含很多icon图标)react-native-video@2.0.0(视频和音频播放器,经调研,最新版本的安卓和IOS系统版本可正常使用)react-navigation@1.0.0-beta.11(推荐使用的路由库)redux@3.7.2 (项目中重点用在...

    swift-ReactNative模仿网易云音乐手机客户端兼容安卓和IOS两个平台。

    这个项目“swift-ReactNative模仿网易云音乐手机客户端”旨在利用这两种技术的优势,创建一个兼容安卓和iOS两个平台的音乐播放应用,模仿知名音乐流媒体服务——网易云音乐的用户界面和功能。 在Swift开发中,知识...

    reactnative开发的新闻阅读客户端

    在“reactnative开发的新闻阅读客户端”项目中,我们主要关注的是如何利用React Native的技术特性来创建一个功能完备、用户体验良好的新闻阅读应用。 1. **React Native基础** - **组件化开发**:React Native的...

    一简 - 一款使用react-native开发的微博客户端.zip

    这样的开源项目对开发者社区具有重要意义,它提供了一个实践和研究React Native技术的实例,同时也鼓励了代码分享和协作开发的精神。 【压缩包子文件的文件名称列表】:WeiboReactNative-master可能包含以下内容: ...

    用ReactNative实现的MDCC2016大会客户端

    MDCC2016大会客户端的实现就是一个很好的实例,展示了React Native在实际项目中的应用。 首先,让我们深入了解React Native的核心概念: 1. **React哲学**:React Native基于React,一个用于构建用户界面的...

    react-native低仿映客直播客户端 支持iOS/Android.zip

    React-Native低仿映客直播客户端是一个开源项目,旨在为开发者提供一个跨平台的解决方案,支持在iOS和Android上构建类似映客直播的应用。这个项目基于Facebook开发的React Native框架,利用JavaScript和React的组件...

    尝试使用reactnative构建网易新闻客户端中的金币商城

    在本文中,我们将深入探讨如何使用React Native框架构建一个类似于网易新闻客户端中的金币商城功能。React Native是由Facebook推出的开源库,它允许开发者使用JavaScript来构建原生的移动应用,同时享受Web开发的...

    swift-ReactNative开发嘎嘎商城客户端

    在本项目中,“swift-ReactNative开发嘎嘎商城客户端”是一个使用Swift和React Native技术混合开发的电商应用项目。嘎嘎商城客户端的开发涉及到多个关键知识点,这些知识点涵盖了移动应用开发的重要方面。以下是对...

    HackerNewsReactNative用ReactNative完成的HackerNews客户端

    这款HackerNews React Native客户端,通过实时同步HackerNews的API,为用户提供最新的新闻资讯和热门话题。用户可以浏览、搜索、评论新闻,实现与社区的互动。 在技术实现上,项目主要涉及以下知识点: 1. **React...

    基于ReactNative和TypeScript的高仿微信客户端设计源码

    本项目基于ReactNative和TypeScript开发,包含532个文件,包括PNG图片、JavaScript脚本、C源代码、MATLAB脚本、Shell脚本、Java源代码、Markdown文档、JSON配置文件、PLIST文件和XCCONFIG文件。系统实现了基于React...

    高仿美团客户端ReactNative版支持iOSAndroid

    标题中的“高仿美团客户端ReactNative版支持iOSAndroid”揭示了这个项目是使用React Native框架构建的一个跨平台的移动应用,旨在模仿美团客户端的功能和用户体验。React Native是由Facebook开发的开源框架,它允许...

    基于React Native的CNodejs客户端Noder.zip

    Noder 是使用 React Native 开发的 CNodejs.org 客户端。使用到的 React Native 模块:react-native-buttonreact-native-camerareact-native-iconsreact-native-keyboardeventsreact-native-modalreact-native-...

    react-native-email-link:from从React Native打开一个电子邮件客户端(用于``魔术链接''类型的功能)

    如果您使用的是React Native的早期版本,请安装该库的1.4.0版,或查看旧版分支。2.更新您的Info.plist 若要使您的应用程序检测是否安装了任何邮箱应用程序,在iOS上需要执行额外的步骤。 您的应用程序需要在ios/{my...

    IT资讯APP使用ReactNative编写

    React Native是基于React(Facebook的JavaScript库)的一个框架,它允许开发者使用JavaScript和React的组件化思想来编写原生的iOS和Android应用。这个框架的核心理念是“Learn once, write anywhere”,意味着开发者...

    高仿京东客户端JdApp(基于React Native).zip

    JdApp是CSDN博客的一个网友发布的个人开源项目,基于facebook的开源项目React Native 实现的一个高仿京东app的项目。作者的博客地址: http://blog.csdn.net/yuanguozhengjust教程一:React Native入门——布局实践:...

    项目使用了 React Native 构建了一个 V2EX 移动客户端应用.zip

    这个项目“项目使用了 React Native 构建了一个 V2EX 移动客户端应用.zip”显然是一个基于React Native技术的V2EX社区移动应用的开发实例。V2EX是一个热门的技术交流论坛,开发者通过React Native将该网站的功能移植...

Global site tag (gtag.js) - Google Analytics