iOS 和 React-native 混编

新建一个OC工程

在OC工程的文件夹内创建一个RN文件夹

新建 App.js 里面写RN项目的具体实现代码

新建index.js 写入
import {AppRegistry} from ‘react-native’;
import App from ‘./App’;
import {name as appName} from ‘./app.json’;

AppRegistry.registerComponent(appName, () => App);
新建 app.json 写入
{
“name”: “你的项目名”,
“displayName”: “你的项目名”,
}

新建 package.json文件,写入
iOS 和 React-native 混编_第1张图片
cd 到RN 用命令 npm install 安装react-native的依赖库

再cd 到 OC 文件夹 pod init 创建一个podfile ,然后 pod install 让原生项目支持cocopods

打开podfile 写入
iOS 和 React-native 混编_第2张图片需要安装的rn依赖库, 各人各不相同~按需写

然后保存,pod install

安装成功之后, 就弄好了

打开OC工程,里面就可以引用RN的库,进行跳转和传值那些了~

注意:
当你写好代码准备运行的时候,需要cd 到RN文件夹先运行 npm start 开启服务器.

iOS 和 React-native 混编_第3张图片
运行成功~

iOS 和 React-native 混编_第4张图片

你可能感兴趣的:(RN,React-native,ios,RN)