当前位置: 移动技术网 > 移动技术>移动开发>Android > react native初次实践踩坑记录(一)

react native初次实践踩坑记录(一)

2020年07月27日  | 移动技术网移动技术  | 我要评论

开发一个android应用

首先我考虑的其实是uni-app,本来也做了一些实践,说实话,步骤比rn要简单得多,一个android status和HBuilderX基本就可以完成一个apk包了,可惜的是,uniapp实在有些地方不尽人意,有些莫名其妙的报错无从解决,无奈之下只好放弃了。

1. 安装rn的环境

首先确保已经安装了node环境,npx react-native init appname就可以直接创建一个rn的初始化项目。(其中npx是npm 5.2.0新加入的东西,npx 会帮你执行依赖包里的二进制文件)

2.安装android status

没办法,这个东西十分的大,但是需要android的sdk和其他比要环境,真的需要它,单独去下载sdk并不推荐。

AS下载地址: https://developer.android.google.cn/studio/

按部就班的装完AS后,就可以去安装sdk和其他东西了,当然,还需要配置一些环境变量
在这里插入图片描述

在这里插入图片描述
请确保在AS中安装了以上的几个工具

3.运行rn项目

如果已经存在了node_modules就可以直接运行了(如果不存在,请运行yarn或者npm i安装依赖),
运行前首先需要打开AS的模拟器,或者连接真机:

运行: yarn android 或者 npm android

注意:次运行需要去下载gradle包,这东西十分恶心,如果没有科学上网的话,基本没办法下载,如果遇到time out的情况下,可以先去baidu或者google单独下载到对应版本的gradle包。(请确保下载的是对应版本,否则会出现各种意外的报错)
下载完成后,放到任意路径下,然后再\android\gradle\wrapper这个路径下的gradle-wrapper.properties这个文件,修改这个distributionUrl=file\:///C:/Users/username/.gradle/wrapper/dists/gradle-6.2-all.zip为你的包地址即可。
完成后再次运行,基本就可以看到运行成功了。

本文地址:https://blog.csdn.net/qq_41199601/article/details/107535815

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网