環境安裝 1.homebrew安裝, 官方:https://brew.sh/
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
如果官方的方式安裝不了,參考:https://www.cnblogs.com/xiaopin/p/12941251.html
2.Node安裝:brew install node
3.watchman安裝:
brew install watchman
4.Node工具源切換
#淘寶 npx nrm use taobao #或 #官方源 npx nrm use npm
5.yarn 安裝,替換npm的工具,加速node模塊的下載
npm install -g yarn
6.安裝xcode, 并在 Xcode > Preferences > Locations > Command Line Tools配置一個Xcode 7.安裝cocoapods, 參考:https://www.cnblogs.com/xiaopin/p/12941251.html 創建RN專案 1.創建RN新專案,創建一個默認最新版本RN的專案,或者指定RN版本專案
npx react-native init 專案名稱
#npx react-native init 專案名稱 --version 0.63.3
2.編譯運行
cd AwesomeProject yarn ios #或者 yarn react-native run-ios
正常情況下啟動模擬器可以正常運行
將RN繼承到現有專案 用官方的教程方式步驟集成到現有專案有問題,無法正確的Pod install類別庫,也沒人更新,一萬個草泥馬,整死人!拋棄官方教程,看我的: 1.構建RN目錄結構,用默認方式創建將一個RN專案,把主要的幾個檔案和目錄,復制到出來,如下:MyProject
App.js
app.json
index.js
ios
package.json
2.修改app.json, 改成自己的專案名稱
{
"name": "MyProject",
"displayName": "MyProject"
}
3.修改package.json, name改成自己的專案名稱, 指定專案版本,指定參考的React-Native版本,參考復制過來的東西,但是用下面這個幾個配置就可以了
{
"name": "MyProject",
"version": "1.0.0",
"private": true,
"scripts": {
"start": "yarn react-native start"
},
"dependencies": {
"react-native": "^0.63.3"
}
}
3.如果用了git管理代碼,把node_modules/目錄記錄到.gitignore忽略檔案中 4.在ios目錄下面,創建一個自己的iOS專案,可以用Swift,OC,目錄下創建或者從其他專案中復制一個Podfile檔案過來 5.Podfile配置 【重點問題】,PS: 一萬個草泥馬的根源
source 'https://github.com/CocoaPods/Specs.git' require_relative '../node_modules/react-native/scripts/react_native_pods' require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' platform :ios ,'10.0' use_frameworks! target 'MyProject' do config = use_native_modules! use_react_native!(:path => config["reactNativePath"]) end然后在命令列中:pod install一下,集成到現有專案就完成了 中文官方:https://reactnative.cn/
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/192522.html
標籤:iOS
