当前位置: 首页 > news >正文

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

以上就完成了。

http://www.lqws.cn/news/456715.html

相关文章:

  • IP 风险画像网络违规行为识别
  • 聊聊spring.mvc.servlet.load-on-startup
  • 浏览器调试核心技术指南:从基础到高级的完全掌握
  • el-table复杂表头(多级表头行或列的合并)
  • Llama 4 模型卡及提示格式介绍
  • 数据融合平台是什么?如何搭建数据融合平台?
  • windows清理系统备份文件夹WinSxS文件夹清理
  • 深入理解JVM执行引擎
  • FramePack 安装指南(中文)
  • 层级冲突的处理,弹窗生成遮罩问题
  • Xinference部署教程
  • 【CS创世SD NAND征文】STM32户外无线终端管理设备的数据存储方案
  • SelectDB 在 AWS Graviton ARM 架构下相比 x86 实现 36% 性价比提升
  • 代码随想录day10栈和队列1
  • Java 通过QQ邮箱发送邮件(包括附件) 直接可以使用
  • Postman接口测试完整版
  • Docker 容器技术入门与环境部署
  • 运算放大器
  • 应用层协议HTTP
  • shell脚本--变量
  • GNU Octave 基础教程(2):第一个 Octave 程序
  • 碳中和时代的家电革命,从华为智选IAM看科技企业的环保担当
  • conda导出环境文件requirements.txt
  • 解决 Conda 玑境激活问题:缺少 `bin/activate` 文件的应对方法
  • react 面试题
  • 信创 CDC 实战|国产数据库的数据高速通道:OceanBase 实时入仓 StarRocks
  • flask静态资源与模板页面、模板用户登录案例
  • 服务网格安全(Istio):用零信任架构重构微服务通信安全
  • 【系统规划与管理师第二版】1.3 新一代信息技术及发展
  • 三维视频融合怎么弄?三步实现精准投射与自由修剪