今天一天算是只研究了這部分，現在把不用終端 react native init命令建立工程，直接在現有的工程上嵌入react native，現將步驟歸結如下：
1.先建乙個空資料夾實際上（命名我都和現有xcode工程名相同）然後把你工程的資料夾拽入該資料夾中，並將工程資料夾改為ios（目的和官方文件上一直，我感覺這樣也不容易出錯）如圖：
現在把你的工程cocopops管理（cocopops安裝就濾過啦） ，因為後面要用它來載入庫
2.現在工程新增好，開始建立package.json檔案
這個簡單，建立乙個空的json檔案，然後將下面一段**複製到裡面
, 「dependencies」:
}將上面的name改為你的專案名稱,react-native改為你當前的react native版本（開啟你當時 react native init命令建立的工程的package.json檔案就一目了然啦，改改的就改好啦，這樣也是確保不出錯嘛），將package.json檔案放到根目錄下面。
3.安裝依賴包
開啟的你終端切到你的根目錄資料夾（cd /users/sich/realnameaction ）然後
$ npm install
等個幾十秒，可以看到在根目錄下多了乙個資料夾，走到這步可以看到目錄是這樣的啦。
4.podfile檔案
target 『realnameaction』 do
pod 『react』, :path => 『../node_modules/react-native』, :subspecs => [
『core』,
『rcttext』,
『rctnetwork』,
『rctwebsocket』,
]end
注意改為您的工程名字，注意如果你上一步完成的node_modules沒在你的根目錄下面
，上面的:path => 『../node_modules/react-native』需要你調整為自己的路徑
最後把podfile檔案安裝上就好啦。
5.走到這一步，恭喜您已經配置好，接下來就是index.ios.js了，還是放到根目錄下面
終端切到根目錄下面，然後
touch index.ios.js
這樣就建立了乙個空的index.ios.js檔案
這樣所有的檔案就建立好啦，嘿嘿
6.編寫您的js**，你可以先用官網的**測試一下效果，現將官網的**貼上下面
『use strict』;
class realnameaction extends react.component :
); return (
2048 high scores!
); } }
const styles = stylesheet.create(,
highscorestitle: ,
scores: ,
});realnameaction要改為你自己的xcode工程名哦。
7.嵌入xcode專案中。
開啟xcode專案，在你需要載入js的地方寫入以下**：
注意加上標頭檔案
import 「rctrootview.h」
其中8081是預設的埠號，localhost是指您的電腦，可以用你電腦的ip（不知道為什麼在我測試的時候用localhost，一直報沒法訪問到伺服器，而換為電腦ip位址就好啦）。
8.執行測試
首先要啟動終端（貌似就是建立了乙個伺服器 ，我也不知道這樣理解對不對）
首先切到node_modules目錄（我的：cd /users/sich/realnameaction/node_modules）
然後執行：
$ npm start
這樣就可以看到啟動了，其中也可以看到埠預設的為8081，其中執行xcode模擬器，預設的是iphone6，注意在整個測試過程中，該終端不要關閉。執行在模擬器上可以看到效果，在修改js後可以直接common+r重新整理模擬器，後common+d然後reload。
真機測試：真機測試要保證你的手機與電腦在同一網路，並設定埠號為8081：
設定—》無線區域網—》選中要連線的網路進入，下面http**處選擇手動，伺服器是你連線的電腦的ip，埠預設的8081，這樣就ok啦。
React Native 嵌入到iOS原生應用
如果你正準備從頭開始製作乙個新的應用，那麼react native會是個非常好的選擇。但如果你只想給現有的原生應用中新增一兩個檢視或是業務流程，react native也同樣不在話下。只需簡單幾步，你就可以給原有應用加上新的基於react native的特性 畫面和檢視等。把react native...
ReactNative整合到原生專案
reactnative整合到原生專案 1 在工程裡建立乙個reactcomponent資料夾，用來存放reactnative相關的檔案 2 reactcomponent資料夾裡，存放以下檔案 3 其中package.json檔案是關於reactnative的配置資訊，最好自己init乙個專案然後將專...
React Native 之 專案實戰 五
可以酌情 文中內容因各人理解不同，可能會有所偏差，歡迎朋友們聯絡我討論。本章許多內容本來是要放到後面講的，考慮到有朋友可能不需要了解redux 中當我們點選首頁和海淘2個item時，會馬上獲取最新資料個數然後進行更新，這邊來實現一下這個功能。通過通知的方式監聽item點選做相應的操作，所以我們在需要...