天天看点

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或者命令行中启动/调试,进行整合开发

继续阅读