跳到主要内容

2024-09 升级到Taro4 RN0.75

· 阅读需 4 分钟
duxapp
duxapp
duxapp框架作者

在此次更新之前的版本中，Taro使用的是3.6.7，RN使用的是0.71，在这次升级中将Taro和RN都更新到了最新版本，让我们来看看这次更新中都有哪些变化

完善的开发文档​

这次更新后，对duxapp进行了阶段性的总结，于是将开发文档进行了全面的完善，包括基础教程、基础模块教程、UI库教程等等模块的教程

点击导航栏去查看它们

模块更新​

  • 将duxui库的types进行了全面的完善
  • 将公共模块进行了全面更新以兼容新版本的RN和Taro
  • 将这些模块重新发布到了应用市场

Taro升级4.0​

Taro4.0主要是新增了对鸿蒙的支持、支持Vite编译等

这个版本对小程序和H5端的影响不是很大，但是对RN升级有影响，只有4.0的版本才能将RN升级到0.75

RN升级0.75​

从0.71到0.75的升级RN为我们带来了诸多好处

  • 开启新架构后依然能兼容不支持新架构的模块 所以在升级到0.75后，新架构是默认开启的，这可以为你的APP提供更好的性能
  • 更完善的样式布局，例如新增了对transform-origin、translate百分比、gap百分比、position: 'static'等样式的支持
  • 更多更新你可以查看 RN 博客

三方依赖更新​

  • 将RN的依赖都更新到了最新的版本
  • 移除了react-native-fs依赖，因为这个依赖已经不更新了，使用expo-file-system
  • 移除了rn-fetch-blob依赖，也是不更新，将其替换为react-native-blob-util
  • 新增了expo-image用于RN端图片的实现

导入方式变更​

不支持这种方式导入

import Taro from '@tarojs/taro'

需要修改为这种方式

import { showModal } from '@tarojs/taro'

CLI更新​

对cli更新，提供了更完善的支持

  • 新增模块 app.config.js 全局配置的支持
  • 对入口文件app.js修改为可选
  • 对路由配置文件config/route.js修改为可选
  • 优化创建项目命令
  • 安卓更新脚本支持对xml文件处理
  • 更新脚本支持创建文件
  • 自动更新项目公共文件，让你的项目保持最新

如何更新到最新版​

更新其实也比较简单，将你依赖的公共模块都升级到最新版本

例如你是用了duxui yarn duxapp add duxui，就更新它，然后重新编译即可

当然更新有风险，你可能还需要对现有代码进行一些兼容性修改才能正常运行，需要谨慎操作