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文件,寫入
在這裏插入圖片描述
cd 到RN 用命令 npm install 安裝react-native的依賴庫

再cd 到 OC 文件夾 pod init 創建一個podfile ,然後 pod install 讓原生項目支持cocopods

打開podfile 寫入
在這裏插入圖片描述需要安裝的rn依賴庫, 各人各不相同~按需寫

然後保存,pod install

安裝成功之後, 就弄好了

打開OC工程,裏面就可以引用RN的庫,進行跳轉和傳值那些了~

注意:
當你寫好代碼準備運行的時候,需要cd 到RN文件夾先運行 npm start 開啓服務器.

在這裏插入圖片描述
運行成功~

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章