官方给我们提供了UIExplorer项目,这里边包含React Native的基本所有组件的使用介绍和方法. 运行官方DEMO步骤如下 安装react native环境 React Native项目源码下载 下载安装cygwin软件 下载安装NDK然后安装以及配置 添加Node依赖模块:该命令行需要切到react-native项目中,主要运行如下命令 cd react-native以及npm install(这里发生错误,是因为npm需要升级的缘故) 还需要安装配置python2版本,pytho…

参考资料:http://www.cnblogs.com/shaoting/p/7148240.html 下一个项目公司也打算使用react native.大致看了下原型设计,写几个小demo先试试水.特此记录下. 1.微信及朋友圈分享.QQ及朋友圈分享,微博分享,微信支付,支付宝支付. 2.导航条渐隐 3.通讯录 4.卡片式轮播 5.时间轴 6.图片+列表的组合效果 7.图片下拉放大 8.原生视频播放器 9.react-navigation的使用和变更 10.倒计时 11.多张图片查看 12.自…

闲暇之余,写了一个React Native的demo,可以作为大家的入门学习参考. GitHub:https://github.com/xujianfu/ElmApp.git GitHub:https://github.com/xujianfu/React-Native-CarProject.git 项目截图如下: 一.项目界面设计 1.React Navigation的应用  React Navigation 源于 React Native 社区对一个可扩展且易于使用的导航解决方案的需求,它完…

该项目在http://www.lcode.org/study-react-native-opensource-two/上发现 更有意思的发现这个网站https://juejin.im/是采用vue.js开发的. 上边这个开源的react native代码是一个基于React Native和MobX实现的美食类App. 同时支持ios&android,代码下载地址:https://github.com/ljunb/react-native-iShiWuPai 很兴奋,就调测安装一把 结果: 运行起…

前言 很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP,在可控的范围内,我们可以在上面做任何想做的事情. PS:任何新技术的尝鲜都一定要控制在自己能控制的范围内,失败了会有可替换方案,不要引起不可逆的问题,这样会给团队造成灾难性的后果. 事实上,RN经过一段时间发展,已经有充分数量的人尝试过了,就我身边就有几批,褒贬也不一: ① 做UI快 ② 还是有很多限制,不如原生Native ③ 入门简单,能让前端快…

一:原生传递参数给React Native 1:原生给React Native传参 原生给JS传数据,主要依靠属性. 通过initialProperties,这个RCTRootView的初始化函数的参数来完成. RCTRootView还有一个appProperties属性,修改这个属性,JS端会调用相应的渲染方法. 我们使用RCTRootView将React Natvie视图封装到原生组件中.RCTRootView是一个UIView容器,承载着React Native应用.同时它也提供了一个联通…

APP结构探索 我在Github上找到了一个有登陆界面,能从网上获取新闻信息的开源APP,想来研究一下APP的结构. 附上原网址:我的第一个React Native App 具体来讲,就是研究一个复杂功能的APP在编写时是如何一步一步展开的,包括APP内部逻辑.与UI交互.与服务器交互等. index.android.js 首先,我找到了index.android.js文件.文件很短,内容如下: /** * News * author : lufeng */ import React, { Co…

1. 安装Homebrew Homebrew主要用于安装后面需要安装的watchman.flow 打开MAC的终端,输入如下命令: ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 经过漫长的等待后,安装完成. 执行 brew doctor 命令. 按enter键 ,继续配置 .当你看到   ==>Installation successful!  那…

上周末开始接触react native,版本为0.37,边学边看写了个demo,语法使用es6/7和jsx.准备分享一下这个过程.之前没有native开发和react的使用经验,不对之处烦请指出.希望对在web开发有一定基础,想涉及app开发的同学有帮助,共同进步. 一.环境安装 首先是开发环境安装,我是在win7/8 64位环境下安装的安卓环境.模拟器用的是android studio自带模拟器(android emulator),安卓API 24(7.0),因为我没有mac -.-.文中组件…

最近需要在react native项目中集成相机和相册的功能,于是在网上找了一个好用的第三方插件:react-native-image-picke. 该插件可以同时给iOS和Android两个平台下使用,但是需要配置下各自平台下的文件,github上有详细的文字说明,但是本人对于文字向来无感,所以特地图解记录下配置说明和用法. 1.   首先,安装下该插件: npm install react-native-image-picker@latest --save 2.   对于github上介绍的…