关键词：
一、安装nodejs
查看是否安装：npm -v
二、安装react-native命令工具
npm install -g react-native-cli
三、查看
react-native --help
四、安装安卓开发工具
https://developer.android.google.cn/index.html
开发-Android Studio-下载
五、
react-native init <名字>
六、
cnpm install
emulator -avd 5 -gpu off
react-native run-andorid
打开android studio打开项目的Android目录
npm start
ctrl+M 加载js代码
Mac开发工具
brew install node
npm install -g react-native-cli
react-native --help
app stroe中安装xcode
在官网中安装android studio
打开终端：open .
打开.npmrc 第一行打开
react-native init <名字>
安装NDK（11的版本）
https://developer.android.google.cn/ndk/downloads/older_releases.html
解压到sdk目录下的android-ndk-r10e目录下
运行两行命令
拷贝js目录到新项目的根目录
修改android/app/build.gradle文件(版本23)
克隆下来
cd react-native/
npm install
emulator -avd a7
第二章 初识React Native的组件
创建组件的三种方式
1.ES6
2.ES5
3.函数式（无状态，不能使用this）
新建setup.js到根目录下，在index.android.js和index.ios.js中引入setup.js文件
远程js调试
reactnative学习笔记--开发环境搭建
工欲善其事，必先利其器。这次主要介绍macosx下ReactNative的开发环境的搭建。homebrewmac上的包管理工具，用于安装nodejs和其他一些工具软件，在terminal输入下面命令进行安装：/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/in... 查看详情
reactnative学习笔记(代码片段)
1、搭建开发环境英文文档：http://facebook.github.io/react-native/docs/getting-started.html中文文档：https://reactnative.cn/docs/0.51/getting-started.html所有的环境配置好后react-nativeinitmyProjectcdmyProjectreact-nativerun-ios开 查看详情
reactnative学习笔记：集成到现有原生应用
前言正如ReactNative中文网上所说，如果你正准备从头开始制作一个新的应用，那么ReactNative会是个非常好的选择。但如果你只想给现有的原生应用中添加一两个视图或是业务流程，ReactNative也同样不在话下。只需简单几... 查看详情
reactnative学习笔记之调用原生模块（进阶）之callbackpromise使用(代码片段)
前言前文ReactNative学习笔记——调用原生模块（Android）简单说了下ReactNative调用Android原生模块的基本用法，下面讲解下调用原生模块经常会用到的Callback和Promise。很多时候我们可能不仅仅是调用Native的方法，还要... 查看详情
reactnative学习笔记——配置开发环境
前言来到新公司，要求除了会Android外，最好也能会RN。刚来公司的时候，我问一个跟我同时期来的同事问他是做那方面的，他说他做RN。RN？我顿时一脸懵逼，RN是什么鬼？他跟我简单介绍了一下，RN... 查看详情
reactnative学习笔记——调用原生模块（android）(代码片段)
以crazyboycode/react-native-splash-screen为例，给一个RN应用添加一个应用启动屏，以掩盖app启动白屏的问题。说明：该模块应用场景是在app启动时，由于RN渲染需要时间，因手机性能的问题可能会导致应用2到3秒的白... 查看详情
reactnative入门基础知识总结(代码片段)
中秋在家闲得无事，想着做点啥，后来想想，为啥不学学reactnative。在学习 ReactNative时，需要对前端（HTML，CSS，JavaScript）知识有所了解。对于JS，可以看看阮一峰老师的《ECMAScript6入门》这篇文章。里面涉及很多ES6的新特性... 查看详情
reactnative学习笔记——win11安卓子系统的安装与使用(代码片段)
写这篇文章的目的是为了学习ReactNative开发打基础，能够更好的运行、测试原生应用，带来比模拟器更好的体验。WSA（适用于Windows的Android™️子系统），全称WindowsSubsystemforAndroid，它能够让你在Windows11系统中安装和使用Android应... 查看详情
react-native学习笔记--史上最详细windows版本搭建安装reactnative环境配置
参考：http://www.lcode.org/react-native/Reactnative中文网：http://reactnative.cn/docs/0.23/android-setup.html#content1、安装Jdk（最好默认安装路径尽量别改）http://jingyan.baidu.com/article/a24b33cd59b58e19fe002bb9.htmlhttp:// 查看详情
react-native学习笔记--首次安装apk到小米5报错
本文直接引用大神文档： 【WINDOWS环境ReactNative初识】com.android.ddmlib.InstallException:Failedtoestablishsession白屏问题解析 详情：今天，可算改完了自己名下的bug。没辙，谁让自己太菜，妹子不爱，所以闲来无事，挥锄头动动ReactN... 查看详情
react学习笔记
...UI引擎变成了一整套前后端通吃的WebApp解决方案。衍生的ReactNative项目，目标更是宏伟，希望用写Web 查看详情
reactnative之react速学教程(代码片段)
本文出自《ReactNative学习笔记》系列文章。ReactNative是基于React的，在开发ReactNative过程中少不了的需要用到React方面的知识。虽然官方也有相应的Document，但篇幅比较多，学起来比较枯燥。通过《ReactNative之React速学教... 查看详情
reactnative知识
http://www.cnblogs.com/wujy/tag/React%20Native/ ReactNative知识12-与原生交互ReactNative知识11-Props(属性)与State(状态)ReactNative学习笔记之2ReactNative知识10-ListView组件ReactNative知识9-ScrollView组件ReactNative知识8- 查看详情
reactnative技术剖析
前言ReactNative（简称RN）的由来、优势、安装使用等等不在这里啰嗦，可以自行Google/百度。笔者整理了一下之前学习RN过程中记录的笔记，结合RN源代码来分析RN框架里面的一些技术思路，这对于理解和更好地使用RN都是很有益处... 查看详情
《reactnative入门与实战》读书笔记
ReactNative介绍 它的底层引擎是JavaScriptCore，调用的是原生组件而非HTML5组件（HTML+CSS+JavaScript构建的组件）。运行时，可以做到与NativeApp媲美的体验，同时因为JavaScript代码可以使用后端强大的Web方式管理，既可以做到高效开发... 查看详情
reactnative技术剖析
前言ReactNative（简称RN）的由来、优势、安装使用等等不在这里啰嗦，可以自行Google/百度。笔者整理了一下之前学习RN过程中记录的笔记，结合RN源代码来分析RN框架里面的一些技术思路，这对于理解和更好地使... 查看详情
reactnative学习：怎么快速学习一门新技术
ReactNative学习方法论 这是我技术公众号的第一篇文章，也是ReactNative系列文章的第一篇，对我的文章感兴趣的可以加我微信16230091进行关注。 本文表面上讲ReactNative（以下简称RN），实际上对于学习任何语言和系统都适用... 查看详情
reactnative开发入门
目录：一、前言二、什么是ReactNative三、开发环境搭建四、预备知识五、最简单的ReactNative小程序六、总结七、参考资料 一、前言虽然只是简单的了解了一下React的皮毛，但是对ReactNative的学习就轻松了好多。所以在学习ReactNa... 查看详情