React Native 混合開發 mac環境部署

2021-08-09 04:10:17 字數 2135 閱讀 2691

$ touch package.json
,

"dependencies":

}

在這裡可以react-nativa init project 乙個新專案,然後將裡面的package.json拷貝過來

$ npm install
$ touch index.ios

.js

/**

* * @flow

*/import react, from 'react';

import from 'react-native';

class

jms_new

extends

component

cmd+d or shake for dev menu

);}}

const styles = stylesheet.create(,

welcome: ,

instructions: ,

});// 專案名要有所對應

# 最低適配的版本

platform :ios, "11.0"

use_frameworks!

# target的名字一般與你的專案名字相同

target 'jms_new'

do# 'node_modules'目錄一般位於根目錄中

# 但是如果你的結構不同,那你就要根據實際路徑修改下面的`:path`

pod 'react', :path => './檔名(同上)/node_modules/react-native', :subspecs => [

'core',

'rcttext',

'rctnetwork',

'rctwebsocket', # 這個模組是用於除錯功能的

# 在這裡繼續新增你所需要的模組

] # 如果你的rn版本 >= 0.42.0,**入下面這行

# 該版本號是package.json中的「dependencies」字典下面的「react-native」後面對應的內容

pod "yoga", :path => "./檔名(同上)/node_modules/react-native/reactcommon/yoga"

end

pod install
安裝如下圖所示

首先匯入rctrootview.h標頭檔案

// #import "rctrootview.h",更新之後,需要匯入下面的標頭檔案。

#import

viewdidload中加入**

在上述資料夾目錄下啟動 npm start

React Native 開發資料彙總

react native 通訊機制詳解 react native 中文網 react native 元件化庫 react native學習指南 必看!ios rn rn開發的weibo開源實現 android rn reactnative android qa react native for an...

React Native 開發環境搭建

目標平台 ios 開發平台 mac 必須軟體 homebrew home brew,mac系統的包管理器,用於安裝nodejs和一些其他必需的工具軟體 usr bin ruby e curl fssl 譯註 在max os x 10.11 ei capitan 版本中,homebrew在安裝軟體時可...

React Native 搭建開發環境

必需的軟體 react native目前需要android studio2.0或更高版本。android studio包含了執行和測試react native應用所需的android sdk和模擬器。安裝過程中有一些需要改動的選項 1.選擇custom選項 2.勾選performance和andro...