创建步骤
在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,体验了一把。