Facebook 对外宣布了正在开发的 React Native 框架，这个框架 可以让开发者人员 跨平台开发app 应用.目前只支持安卓和IOS
等等, 跨平台? 我们为什么要用react native ? H5做的不是很好吗?目前刚出来H5的很多框架,为什么不用H5而用react呢?
首先,可以基于 React Native使用 JavaScript 编写应用逻辑，UI 还是原生的UI ,但是,也是最重要的是 ,我们以后将没有必要和 HTML5 的 UI 做出常见的妥协. 因为react native 将会比H5更加的高效,项目越大效果越明显.
做过移动端的朋友可以发现,H5 虽然可以跨平台,一次编码,多次应用.但是web 毕竟是web, 手机的运存是有限的,不可能一次性加载太多的页面,这样会使造成大量的crash . 而且动画不明显(卡顿).
React 引入了一种与众不同的、略显激进但具备高可用性的方案来构建用户界面。长话短说，应用的 UI 简单通过一个基于应用目前状态的函数来表达。
homebrew 安装(推荐大家装,真的很好用,可以直接下载很多软件)
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
将下面两句话加到 ~/.bashrc or ~/.profile or ~/.zshrc 上.
export NVMDIR="$HOME/.nvm" [ -s "$NVMDIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
如果找不到文件可以手动创建
touch ~/.profile
修改之后 不要忘记
source ~/.profile
安装 nvm
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.30.1/install.sh | bash
or Wget:
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.30.1/install.sh | bash
or brew:
brew install nvm
最新的5.0
nvm install 5.0
使用5.0
nvm use 5.0
or
nvm run 5.0 --version
or
nvm use 5.0
安装 watchman
brew install watchman
安装 flow
brew install flow
安装xcode
去appStore 官网下载 7.0+
quick Start
npm install -g react-native-cli$ react-native init XXX(创建的项目名称)
最后: 打开你的XXX项目 , 点击运行, Welcome to React Native!恭喜你,添加成功,这时候你就可以edit index.ios.jsPress Cmd+R to reload , Cmd +d or shake for dev menu 搞定!!!
react native 安装及使用教程
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- (一)前言 FaceBook早期开源发布了React Native For IOS,终于在2015年9月15日也发...
- 要求 1、使用Homebrew方式安装watchman和flow Homebrew是OS X下面的包管理应用，检测...
- 尽管在移动开发中,原生APP的开发成本很高,但现阶段基于原生开发仍然是必须的,因为Web的用户体验仍无法超越Nat...
- 1.安装Node.js https://nodejs.org/en/在上面的网址中下载Nodejs，然后进行安装一...
