欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 艺术 > React Native +Taro创建项目,开发Android

React Native +Taro创建项目,开发Android

2025/6/26 14:03:48 来源:https://blog.csdn.net/qq_45904018/article/details/148795597  浏览:    关键词:React Native +Taro创建项目,开发Android

首先,确保你电脑时候安装node.js和 npm,建议版本

node 20.19.2
npm 10.8.2

使用npm或者yarn全局安装@taro/cli,个人建议使用yarn(npm服务器在国外,所以比yarn慢),如果没有安装yarn的话,可以使用全局安装:npm install -g yarn。

全局安装@taro/cli

yarn install -g @tarojs/cli@4.0.1

查看Taro全部版本信息

npm info @tarojs/cli

项目初始化

使用命令创建模板项目:

taro init myApp

选择模板的时候,选react-native

这样我们就创建好了项目。

进入到根目录
cd myApp使用 yarn 安装依赖
yarn install

React Native 端开发流程

Taro 开发 React Native APP,提供了两种模式:集成模式和分离模式,下面演示集成模式

集成模式:

# 更新相关依赖。在初始化完成后或 Taro 版本更新后执行,用于同步 peerDependencies。
$ yarn upgradePeerdeps# 打包 js bundle 及静态资源。在初始化完成后执行,用于打包默认使用的 bundle。platform 可选 ios, android
$ yarn build:rn --platform android# 启动 bundle server
$ yarn start# 启动 iOS
$ yarn ios# 启动安卓
$ yarn android

配置Android环境

下载Android Studio地址:下载 Android Studio 和应用工具 - Android 开发者  |  Android Developers

下载Android JDK 地址:Latest Releases | Adoptium

在开发中解决Gradle下载速度慢:

找到根目录下android>gradel>wrapper>gradle-wrapper.properties,找到

distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-7.5.1-all.zip

之后再重新命令运行:yarn android

以上就完成了。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词