iOS原生项目集成RN步骤(确保已经安装React Native环境):
1,使用Xcode创建项目,RNProject
在根目录下创建ios目录,将xcode创建的工程等相关文件移到ios目录下。
2,在项目根目录下添加package.json文件,如下图所示:
3,安装rn模块:
打开终端,进入项目根目录,执行命令npm install。完成后可以看到项目中多了node_modules目录和package-lock.json文件
4,创建js入口文件index.js,页面入口文件App.js
编辑index文件,如下图所示:
编辑页面文件App.js:
这里我们在页面上只显示一行文本:<View style={ {backgroundColor:'red'}}><Text>RN TEST</Text></View>
5,手动添加react native框架:
打开xcode工程文件,新建一个Libraries的Group。打开node_modules目录,首先将react-native/React目录下的React.xcod