首先放圖 這就是我經過簡單的搭建環境寫出的helloworld和使用的button組件。 那麼搭建環境如何搭建呢? 使用的軟件有:Node 最新版,Python2.7,Android環境要有配置Android,首先安裝jdk。最新版android studio3要安裝jdk1.8。 接下來我講講Android環境的配置。 第一下載jdk1.8 第二下載android studio3
node
第三下載android sdk react
第四打開AS(android studio),cancel proxy,而後配置sdkmanage,選擇api版本,點擊安裝,這裏比較耗時。 第五安裝完成以後,打開AS,建立安卓模擬器。 點擊以後會出現
android
建立完成後(這種啓動模擬器的時間花的很長,我比較喜歡用命令行打開) 第二種方式啓動模擬器,記住上面建立的模擬器名,如nexus6p,經過命令行啓動。 需配置環境變量 C:\Users\Administrator\AppData\Local\Android\android-sdk\emulator寫入path 命令是:emulator -avd 模擬器名 好了,安卓模擬器已經安裝好了,接下來咱們來建立reactnative工程。注意:在運行reactnative以前,需啓動運行模擬器。 第一步:
第二步:
第三步:2.3官方最新版reactnative#0.56有bug,會致使app運行在模擬器上後報服務器500錯誤
這裏的解決辦法是須要在後續建立工程時指定reactnative版本爲0.55.4(見官方論壇) 即:react-native init MyApp --version 0.55.4 第四步:建立成功後,進入到MyApp,執行react-native run-android,這時,在模擬器上可成功運行MyApp。
在執行react-native run-android命令時,會自動彈開node環境框,如上圖所示,也可手動打開(命令是react-native start,通常不須要)
如何出現上圖呢,見我app.js裏面的代碼
react-native