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

开发一个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/index.html

按部就班的装完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为你的包地址即可。
完成后再次运行,基本就可以看到运行成功了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值