React-Native for iOS

郏实
2023-12-01

1.Xcode 6.3以上版本

2.安装Home-brew

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

3.安装node.js

brew install node

4.安装express

npm install -g express-generator

5.安装 watchman flow

brew install watchman

brew install flow

6.安装 React-Native

sudo npm install -g react-native-cli

7.初始化一个项目

react-native init ProjectName

8.修改index.ios.js (Sublime Text代码编辑器)

npm路径  /usr/local/lib/node_modules/npm

index.ios.js文件路径 ../ProjectName/index.ios.js

9.启动项目ProjectName

模拟器:用XCode 打开项目,点击运行就好。修改 index.ios.js后, 在模拟器中 ⌘ + R 重新载入 js 即可看到相应的变化。

真机:真机调试也简单,修改HTTP地址即可,

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle"];

10 调试

安装chrome插件调试。如果你没有安装过,在模拟器里按下Cmd + D的时候,选择跳转到chrome里调试时,会提示你安装插件。

 类似资料: