天天看點

React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發

linux下react native開發環境搭建,使用android-studio工具進行react native整合開發。

React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發

步驟1,2,3來配置react native開發環境步驟4,5做react-native與android運作demo整合開發。

<a href="https://nodejs.org/en/">nodejs官網下載下傳位址</a>

React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發

android sdk

android sdk platform

android virtual device

可以通過android sdk manager下載下傳需要的版本(react預設的buildtool版本23.0.1())

React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發

檢視:awesomeproject/android/app/build.gradle檔案内容如下

注意将<code>export android_home=/home/xiaolei/android/sdk</code>中的 xiaolei 替換成自己的。

如果指令無效,可以重新開機,使得環境變量徹底生效

React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發
React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發
React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發

檔案結構如下:

React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發
React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發

xiaolei@wang:~$

React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發
React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發
React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發
React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發

如果出現紅屏或者錯誤,檢查是否在 awesomeproject中開啟了react-native start ,然後rr(在裝置中重載)

React-Native-Android-Studio整合開發+環境配置+官方執行個體1.安裝Nodejs2.安裝/配置Android-studio開發工具3.安裝React Native4.建立一個官方React Native Demo AwesomeProject并導入到Android-studio中5.在Android studio或者指令行中啟動/調試,進行整合開發

繼續閱讀