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或者指令行中啟動/調試,進行整合開發