配置iOS中React-native环境

创建步骤

在ReactNative主页中，你可以看以下内容。

1、OS X：目前只有在OS X中能够安装iOS的开发环境，并且Xcode也只能运行在Mac上。

2、最新版Xcode开发工具：App store可下载。

3、推荐使用Homebrew来安装node、watchman、flow

4、命令行：brew install node 来安装node

5、brew install --HEAD watchman 来安装watchman，推荐使用watchman来监控开发中的bug。

1、nap install -g react-native-cli

2、react-native init AwesomeProject 创建项目文件

3、cd AwesomProject 进入项目文件目录

4、通过react-native run-ios 运行项目

5、运行成功之后，可以通过编辑 index.ios.js 文件来修改一些内容

通过react-native --version 查看react-native 版本

初始安装的0.45.1版本，出错比较多，运行也不稳定。

1、更新package.json（在AwesomeProject文件目录下有package.json文件.

将其dependencies的内容改成如下，来更换RN版本，注意，react和react-native的版本存在依赖）

"dependencies": {

"react": "16.0.0-alpha.6",

"react-native": "0.44.3"

},

2、删除node_modules文件夹并重新install

rm -rf node_modules && npm install

3、清除缓存

npm start -- --reset-cache

4、运行

react-native run-ios

5、如果此时遇到 Packager can't listen on port 8081 问题，需要将8081端口号占用的进程kill掉

通过 lsof 查看端口占用情况：lsof -i :8081

关闭占用进程：kill -9 <PID>

ps. 小编在运行RN 0.45.1 的时候，一直遇到 file not input 的问题，以及CFBundleIdentifier之类的问题，折腾了一阵子，转而使用其他老版本的RN，体验了一把。