最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 超详细使用react-native搭建安卓app开发环境(附截图)

    正文概述 掘金(只会html的前端)   2021-03-23   762

    这里介绍的是完整的用windows开发android原生环境,官方文档:reactnative.cn/docs/enviro…

    开发和搭建环境之前提醒一下大家,电脑配置一定要好一点,不然就会向我那样,都快成功了,结果卡死机了,fuck!!!,话不多说直接上步骤

    1、下载安装、配置JDK

    RN官方提示:JDK 的版本必须是 1.8;Node 的版本应大于等于 12;而且:千万不要使用npm,重要的话说三遍:千万不要使用npm!千万不要使用npm!千万不要使用npm!,我刚开始不听,就要用cnpm,结果后面的依赖路径都错乱了,一直报错,建议网速好的还是用npm

    超详细使用react-native搭建安卓app开发环境(附截图)

    JDK下载地址:jdk下载地址

    打开网站后找到Java SE 8这一栏

    超详细使用react-native搭建安卓app开发环境(附截图)

    超详细使用react-native搭建安卓app开发环境(附截图)

    下载完成后进行安装,只需要一路默认即可,安装路径一定要记得,最好复制下来哦;我这里用的是jdk11版本的截图,jdk8版本的截图和这个有很大差别,不过思路和步骤都一样

    超详细使用react-native搭建安卓app开发环境(附截图)

    接下来就是最重要的一步了:配置java环境

    找到电脑的控制面板------》系统和安全--------》系统---------》高级系统设置---------》环境变量;打开之后我们找到下面的系统变量,然后点击新建

    超详细使用react-native搭建安卓app开发环境(附截图)

    超详细使用react-native搭建安卓app开发环境(附截图)

    超详细使用react-native搭建安卓app开发环境(附截图)

    超详细使用react-native搭建安卓app开发环境(附截图)

    变量名:CLASSPATH
    变量值写这个:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\tools.jar

    超详细使用react-native搭建安卓app开发环境(附截图)

    到这里还没有结束,我们还要验证JDK是否安装配置成功

    **打开windows的命令行输入:javajavac,如果都出现的这样的才是真正的成功了
    **

    超详细使用react-native搭建安卓app开发环境(附截图)

    2、下载安装、配置AS

    下载好AS后打开是这样的界面,和RN官网的完全不一样(忘记截图了==!),只有一个默认的虚拟机选项,这个一定要勾选的,接下来一直默认就好了,等到主界面在进行SDK和AVD安装配置
    打开后我们新建一个安卓app项目

    超详细使用react-native搭建安卓app开发环境(附截图)

    超详细使用react-native搭建安卓app开发环境(附截图)

    接下来又是很重要的一步:配置安卓开发环境

    打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建,创建一个名为ANDROID_HOME的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录;以防万一我都设置了

    超详细使用react-native搭建安卓app开发环境(附截图)

    SDK 默认是安装在下面的目录

    C:\Users\你的用户名\AppData\Local\Android\Sdk
    

    超详细使用react-native搭建安卓app开发环境(附截图)

    官方文档的AS还不知道是哪个年代的版本了,界面完全不一样,新版本的要在这里找到SDK和AVD

    超详细使用react-native搭建安卓app开发环境(附截图)

    点进SDK Manager,只要是Installed都要安装,和SDK Tools一样,如果是没安装或者没安装成功的,左边红色的框里面都会有一个黑色的下载箭头

    超详细使用react-native搭建安卓app开发环境(附截图)

    这是SDK Tools界面截图

    超详细使用react-native搭建安卓app开发环境(附截图)

    点击AS的Tools--------》ADV Manager,然后进入虚拟机,没有的创建一个

    超详细使用react-native搭建安卓app开发环境(附截图)

    点击新建虚拟机后进入这个页面,我们简单的配置一下自己的虚拟机,点击编辑会有这样一个弹层并点击finish

    超详细使用react-native搭建安卓app开发环境(附截图)

    注意了!!!,这里有的人点击了完成会有一个报红的错误是:VT-x is disabled in BIOS,这告诉我们,你的虚拟机在BIOS里面是关闭的,需要开启,否则不能运行项目;一般windows都是重启后摁住F2就进入BIOS,在高级模式的CPU里面就有(我的是华硕的)

    可以看这个:windows进入BIOS开启虚拟机

    创建完虚拟机后是这样的,凡是需要Download都下载一下,一定要确保都是下载成功的,不能有报红信息

    超详细使用react-native搭建安卓app开发环境(附截图)

    下载完成后

    超详细使用react-native搭建安卓app开发环境(附截图)

    超详细使用react-native搭建安卓app开发环境(附截图)

    3、使用npm创建一个RN项目

    1、新建一个空文件夹 

    2、在vscode终端输入:npm i -g create-react-native-app 来安装react-native 

    3、输入:npx create-react-native-app 你的项目名称来创建一个RN项目 

    4、输入:npm run android运行这个RN项目 如果你的Java环境没有配置好,在终端里面就会有对应的报错信息 

    当当当当当当!!!!!,现在就已经飞起来了,过段时间接着踩坑react-native

    超详细使用react-native搭建安卓app开发环境(附截图)


    起源地下载网 » 超详细使用react-native搭建安卓app开发环境(附截图)

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元