欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-07-03 21:22:52
开发一个android应用首先我考虑的其实是uni-app,本来也做了一些实践,说实话,步骤比rn要简单得多,一个android status和HBuilderX基本就可以完成一个apk包了,可惜的是,uniapp实在有些地方不尽人意,有些莫名其妙的报错无从解决,无奈之下只好放弃了。1. 安装rn的环境首先确保已经安装了node环境,npx react-native init appname就可以直接创建一个rn的初始化项目。(其中npx是npm 5.2.0新加入的东西,npx 会帮你执行依赖包里的二...

开发一个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和其他东西了,当然,还需要配置一些环境变量
react native初次实践踩坑记录(一)

react native初次实践踩坑记录(一)
请确保在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

相关标签: react native