1. 程式人生 > >React-Native學習手冊----搭建基於ios平臺的開發環境

React-Native學習手冊----搭建基於ios平臺的開發環境

首先推薦幾個連結:

React-Native 官網地址:https://facebook.github.io/react-native/docs/getting-started

React-Native實現了跨平臺的移動應用開發,可以說是大大的降低了人工成本,提高了程式碼複用效率。

React-Native(以下簡稱RN)的ios開發環境搭建,從官網的例子中可以分為兩個部分:1.純js版本 2.需要用到Native原生

1.純js版本

官網提供了一個Expo工具鏈,地址在:https://expo.io/,依次選擇Tools->Client,效果圖如下,可根據移動端系統選擇需要安裝的Expo Client。

1)首先安裝腳手架expo-cli

npm install expo-cli -g

2)選擇專案路徑

expo init AwesomeProject

3)選擇blank模式

4)專案建立完成後如圖下

5)進到專案的根目錄下並執行

cd AwesomeProject/
npm start

 6)專案執行成功後效果如下

7)最新版Expo Client沒有二維碼掃描工具,但是你會發現你的瀏覽器新開了一個網頁,如下:

此時在iphone手機中選擇瀏覽器輸入地址:exp://192.168.1.68:19000,系統提示你是否使用Expo Client工具開啟此連結,選擇是,專案就會同步到手機中,到此ios純js開發環境已經搭建完成