码迷,mamicode.com
首页 > 其他好文 > 详细

React Native 初探

时间:2016-01-29 15:45:12      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

推荐文章

React Native 简介:用 JavaScript 搭建 iOS 应用 (1)

React Native 简介:用 JavaScript 搭建 iOS 应用 (2)

React Native入门实例教程系列文章

React Native组件开发系列文章

 

 

React Native 环境搭建 - Mac版

 

1. 安装homebrew

用brew -v查看是否安装过;

如果没有,则浏览器访问 http://brew.sh/ 安装

 

2. 安装node

用node -v查看是否安装过

安装命令:

$ brew install node

 

3. 安装watchman

安装命令:

$ brew install watchman

watchman是Facebook的文件监控器,React Native 用它来检测代码变化,以便重新编译

 

4. 安装flow

安装命令:

$ brew install flow

flow是检测js语法的工具

 

5. 通过npm安装React Native

安装命令:

$ npm install -g react-native-cli

npm是node的包管理器,相当于 iOS的CocoaPods 或 Java的Maven

 

6. 创建Helloworld例子

在终端下切换到想保存项目的文件夹,然后运行:

$ react-native init HelloWorld

这是用CLI工具来构建

创建完后目录如下:

技术分享

 

7. 运行HelloWorld.xcodeproj

打开iOS工程,运行,运行结果如下:

技术分享

这步过程中遇到一个问题,运行报错:

../node_modules/react-native/packager/react-native-xcode.sh: line 45: react-native: command not found
Command /bin/sh failed with exit code 127

解决方法:

https://github.com/facebook/react-native/issues/3948

这篇中有人给出了一种方法,是在

../node_modules/react-native/packager/react-native-xcode.sh

文件的开头处加上:

source ~/.bash_profile

但是我试了没有成功

后来采用的方法是,注释掉react-native-xcode.sh最后一块代码

#react-native bundle #  --entry-file index.ios.js #  --platform ios #  --dev $DEV #  --bundle-output "$DEST/main.jsbundle" #  --assets-dest "$DEST"

 

React Native 初探

标签:

原文地址:http://www.cnblogs.com/mobilefeng/p/5168679.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!