React-Native
<b>
React Native 是 Facebook 推出的一个用 JavaScript 语言就能同时编写 iOS，Android，以及后台的一项技术。用大白话说，就是从此一名程序员自己就可以创业了，他只用这一门技术，就可以同时写出 Android、iOS App，以及后台应用程序，并且，请注意这里，它可以做到实时热更新（就像网页一样，改了一个字体，随时可上线），App 也能做到随时都能更新了，一个需求可以分分钟秒杀解决，不用新发版本，只需在服务器改动一下代码即可，是不是很牛逼，是不是很牛逼，是不是很牛逼，真的很牛逼。
<b>
本文的搭建是在MAC上
1、安装Homebrew
安装Homebrew是为安装Node.js做前提准备。
安装命令:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
注：可以通过下面命令查看Homebrew是否安装成功
brew -v
Homebrew/homebrew-core (git revision 93f1; last commit 2016-05-23)
2、安装Node.js
下载双击安装即可：
下载地址：
https://nodejs.org/en/
Node.js 需要 4.0 及其以上版本。安装好之后，npm 也有了。
3、安装React Native 命令行工具
React Native 命令行工具可以创建和初始化React Native的项目，还有其他打包等功能
npm install -g react-native-cli
PS: 如果看到有错误:permission denied, 请在命令前面加上sudo 比如:
sudo npm install -g react-native-cli.
4、安装 watchman 和 flow
监控文件变化和类型检查的。安装如下
brew install watchman
brew install flow
5、初始化一个项目
打开终端，在某个目录下输入命令: Demo是项目名字
react-native init Demo
加载中
等到出现上图情况我在在执行下面语句来运行
cd Demo
react-native run-ios
运行结果
6、修改项目
在你喜欢的编辑器上打开index.ios.js文件，尝试修改，并在模拟器上刷新(⌘-R )看看修改的效果。
7、Appdelegate解释
我们可以看到这里跟我们以前的不一样，那么来说一下，*index.ios*是我们用来编写iOS的JS文件，Demo就是我们的工程名
8、第一个App - 我是大展
JS代码
效果图
好了！到这就结束了，如果你想知道更多的用法，比如iOS的TableView，ScrollView等东西怎么创建出来的，那么推荐大家到官网去学习http://reactnative.cn/docs/0.31/getting-started.html
如有雷同，你就是抄我的！😊😊😊 --大展
网友评论