基于豆瓣和妹子的api用React Native写的demo for android

最近一直在学React Naitve,可以说React Native的确有他自身强大的地方,不管是运行效率还是热更新都和一般的h5有的一比,当然因为面世的时间还不算太久,版本更新又十分的快,所以坑也多,对于一般的移动开发者来说学习成本也蛮大的, 个人觉得用React Naitve做混合开发,把一些需要经常变化的模块用react native开发还是一个不错的选择。

  1. demo就是已React Naitve的官方文档和学习过程中踩过的这种坑写出来仅供学习demo级东西,因为没有苹果电脑,只试运行android.
  2. 数据方面是用豆瓣的Gank的妹子api
  3. 所用到的第三方控件如下:
  • React-native-vector-icons(一个可以用的网上图标库,不用自己设计),
  • React-native-scrollable-tab-view(通用的Tab控制器),这上面两个的开源的结合可以参考http://www.jianshu.com/p/b0cfe7f11ee7这篇博客,
  • React-native-tab-navigator(底部的tab控制器)

剩下的用到的React Native的原生控件有:

  • ScorllView
  • WebView
  • TouchableOpacity
  • Navigator
  • Text
  • Image
  • ListView
  • BackAndroid
  • Button
  • DrawerLayoutAndroid
  • ActivityIndicator
  • ToastAndroid
  • ...

效果图如下:

demo_img1.jpg

![demo_img2.jpg](http://upload-images.jianshu.io/upload_images/925576-f7bfb21db961d4dd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

demo_img3.jpg

demo_img4.jpg

最后github地址https://github.com/jack921/JackBan-ReactNative

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏lonelydawn的前端猿区

ReactJS的简单介绍和使用

一、React的家世背景 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一...

2198
来自专栏IT派

10个免费好用功能强大的网页动画效果库

动效设计是2018年的热门趋势之一。如果你仔细找找的话,会发现许多有趣的用来构建UI动效的工具,而这些素材和工具正在成为越来越多设计项目中不可或缺的催化剂。今天...

3860
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native 和iOS Simulator 那点事

React Native 和iOS Simulator 那点事 尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://www.devio.o...

3824
来自专栏QQ会员技术团队的专栏

来看看机智的前端童鞋怎么防盗

很多开发的童鞋都是只身混江湖、夜宿城中村,如果居住的地方安保欠缺,那么出门在外难免担心屋里的财产安全。

52911
来自专栏梁源的专栏

React Native 用JavaScript开发移动应用 - 思维导图

1734
来自专栏数据小魔方

Xcelsius(水晶易表)系列3——深入了解单值部件

今天继续分享有关单值部件的使用技巧! 今天的小案例非常简单,是一组关于产品销售利润的计算。 给定进货成本、国税税金、零售定价、预计销售数量等,最后需要输出的指标...

2897
来自专栏游戏杂谈

JavaScript 2016年的概况

国外的网站stateofjs.com根据超过九千位开发人员的问卷调查,发布了2016年JavaScript的年度概况报名。 注:本文翻译的部分...

1152
来自专栏ios 技术积累

Barchart实现滚动标签跟随滚动

目前有功能比较强大的柱形图Charts,写这个demo的目的主要是产品要实现 滚动柱形图,标签要跟随滚动。所以重新写了一个简单的demo实现了功能, 具体使...

1204
来自专栏逸鹏说道

水印第三版 ~ 变态水印(这次用Magick.NET来实现,附需求分析和源码)

技能 汇总:http://www.cnblogs.com/dunitian/p/4822808.html#skill 以前的水印,只是简单走起,用的是原生态的方...

3666
来自专栏Android 开发者

Android P 中的新文本特性

在 “What’s new in Android P Beta” 中我们已经谈到 Android 的两个新文本特性。现在既然 Android P Beta 3 ...

942

扫码关注云+社区

领取腾讯云代金券