古詩詞大全網 - 成語故事 - 如何用 React Native 創建壹個iOS APP

如何用 React Native 創建壹個iOS APP

先下載 React Native 的代碼框架。裏面還有壹些示例項目,2048 的遊戲, Movies(壹個看電影的

APP),SampleApp, TicTacToe (壹款遊戲)和 UIExplorer(能顯示出所有用 React Native

替代的控件,如ListView,TabBar,MapView, Slider)),對於學習用如何用 React Native 創建

UI,這些都是非常好的例子,尤其是 UIExplorer APP,它幾乎用到了每壹個您的 APP 中需要創建的 UI 控件。

首先,我們先來安裝相應的工具。React native 是使用 Node.js 來 創建 JavaScript 代碼。如果妳已經在妳電腦上安裝上了這些工具,妳可以跳過下面這幾步。

推薦使用 Homebrew的方式來安裝 nvm,watchman 和 flow。

在Mac下,如果用homebrew,那麽只用壹行就可以裝好:

brew install node

接下來安裝watchman

brew install watchman

watchman是Facebook的壹個文件觀察者。React Native 用它來檢測代碼的變化.

接下來安裝 npm

npm install -g react-native-cli

nmp 是 node的壹個三方管理工具,相當於 Ruby中的RubyGems,iOS中的 CocoaPods,Java中的 Gradle/Maven,基本上,它使您能夠輕松下載和管理妳的項目需要的任何依賴庫。

在終端,找到妳希望保存的項目文件,然後運行下面的文件夾。

react-native init BookSearch

以上使用 CLI 工具來構建壹個 Native 項目,是準備建立並運行原樣。當這個過程完成後,妳就會在終端窗口中打開 Xcode

的BookSearch.xcodeproj

並運行應用程序像往常壹樣。做到這壹點,模擬器將啟動您的應用程序的運行。壹個終端窗口也將打開。當壹個Native應用程序啟動時,它加載從以下網址

JavaScript 的應用程序。