你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> [React Native混合開發]React Native for iOS之創建第一個案例

[React Native混合開發]React Native for iOS之創建第一個案例

編輯:IOS開發綜合

一 摘要

上一篇文章,介紹了如何在MAC電腦上搭建React Native運行環境,環境搭建好了,接下來這篇給大家介紹一下如何創建自己的工程項目.
這裡寫圖片描述

二 具體步驟

第一步 創建HelloWord工程

這裡寫圖片描述

第三步 運行工程

1.目錄結構

這裡寫圖片描述

2.打開ios目錄運行工程文件

這裡寫圖片描述

這樣就打開了工程了

這裡寫圖片描述

3.Command+R運行工程

這裡寫圖片描述

第四步 代碼編輯

現在大家最關心的在哪裡寫代碼,下面就給大家介紹在哪個位置進行代碼的編寫.
現在我們以混編iOS為例,打開index.ios.js 我們在這個文件進行代碼的編寫.如果是混編安卓那麼我們就在index.android.js 中進行代碼書寫.如圖所示.

1.編輯js文件

這裡寫圖片描述

2.文件內容結構

這裡寫圖片描述

3.修改內容

這裡寫圖片描述

4.退出編輯保存

這裡寫圖片描述

5.運行工程(Command+R)

這裡寫圖片描述

結束

今天就說到這裡,接下來時間會給大家介紹React Native書寫的具體語法.
這裡涉及到了JavaScript方面的知識.

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved