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 的應用程序。