1.本文的前提条件是,电脑上已经安装了CocoaPods,React Native相关环境. 2.使用Xcode新建一个工程.EmbedRNMeituan [图1] 3.使用CocoaPods安装React Native 在工程目录下新建Podfile文件,并配置需要使用的第三方库 pod 'React', '0.13.0-rc' pod "React/RCTText" pod "React/RCTActionSheet" pod "React/RCTGe…
本文介绍的 Create-React-Native-App 是非常 Awesome 的工具,而其背后的 Expo 整个平台也让笔者感觉非常的不错.笔者目前公司是采用 APICloud 进行移动应用开发(人少 + 应用要求低),不过确实也有很多的性能瓶颈:今天笔者还特地邮件问了 Expo Support 有关添加微信.百度地图等成为官方预置库的计划,得到的回复是可能两三个月内会先将微信集成进来,很期待未来 Expo 在国内的发展. 利用 Create React Native App 快速创建 R…
APP结构探索 我在Github上找到了一个有登陆界面,能从网上获取新闻信息的开源APP,想来研究一下APP的结构. 附上原网址:我的第一个React Native App 具体来讲,就是研究一个复杂功能的APP在编写时是如何一步一步展开的,包括APP内部逻辑.与UI交互.与服务器交互等. index.android.js 首先,我找到了index.android.js文件.文件很短,内容如下: /** * News * author : lufeng */ import React, { Co…
React Native系列 <逻辑性最强的React Native环境搭建与调试> <ReactNative开发工具有这一篇足矣> <解决React Native unable to load script from assets index.android.bundle on windows> <React Native App设置&Android版发布> 一.设置APP信息 1.设置包名.版本号 目录:~/android/app/build.g…
英文原文(需FQ):https://code.facebook.com/posts/1189117404435352/ 早些时候,我们介绍过iOS版的React Native. React Native带来的是用web方式的React - 自声明式的UI组件和快速的开发迭代来完成手机平台的功能,然后为了保持速度.保真性.并达到原生的体验.今天我们很高兴发布React Native的Anroid版本. 在Facebook我们已经应用React Native在发布的产品有超过一年的时间了.几乎是整整…
React Native & app demos https://github.com/ReactNativeNews/React-Native-Apps https://github.com/Codebrahma/React-Native-Restaurant-App https://github.com/insiderdev/qrcode bug https://github.com/crazycodeboy/GitHubPopular https://coding.imooc.com/cl…
我用了三天时间实现了一个相对比较完整的React Native 新闻发布类型的示例.应用做得很简单,但大多React Native的组件都有用到,今天做一个分享(由于我电脑是Windows系统,所以只实现了Android部分,没有对iOS做兼容),希望对初学者有用处. 实现界面       PS:页面实现不多,数据也是静态. 安装启动程序 看完上面的,可以直接到我的Github下载源码在本地跑起来,我这个示例的地址是: https://github.com/codingforme/react-n…
最近在学React Native,学到了CodePush热更新. 老师讲了两种实现的方法,现将其记录一下. 相比较原生开发,使用React Native开发App不仅能节约开发成本,还能做原生开发不能实现的热更新功能. 使用原生技术开发App时,每次代码做了改动后,都需要提交到应用商店进行审核,审核通过后,需要等用户重新下载安装后才会生效.而如果使用React Native开发App,开发者可随时发布新版本,不用经过应用商店的审核,用户即可使用到新版本,并且还可做到不用经过用户的同意就强制安装新…
$ npm i -g create-react-native-app $ create-react-native-app my-project $ cd my-project $ npm start…
前言 本系列是基于React Native版本号0.44.3写的,最初学习React Native的时候,完全没有接触过React和JS,本文的目的是为了给那些JS和React小白提供一个快速入门,让你们能够在看React Native语法的时候不那么费劲,有过前端开发经验的可以直接忽略. 准备工作 搭建开发环境 首先搭建React Native开发环境,搭建过程就不描述了.(ps:这里笔者默认各位看官已经搭建好了开发环境). 初始化项目 在终端执行: react-native init Hel…