增加 React Native 支持的 Taro 3.2.0 版本测试通告

增加 React Native 支持的 Taro 3.2.0 版本测试通告

相关资料链接

  1. 版本内容对应的RFC
  2. 3.2.0 canary 版本分支
  3. 壳工程分支
  4. 最新进展，可关注58开源

新版本特性一览

  1. 更快的编译速度
    1. 基于全新的编译体系，启动速度提升1倍
  2. 更便捷的开发调试体验
    1. 去掉了 webpack 后，source-map 的支持更加简单，这对于开发体验是一个巨大的提升
  3. 更全面的API和组件
    1. 新增 38 个API
    2. 新增 7 个组件
  4. 更灵活的接入方式
    1. 支持 React Native 0.60 及以上版本，可自行定制，我们也将探索更多版本的支持
    2. API 和组件支持按需加载，未使用的原生依赖，无需安装
    3. 架构完全基于 React Native 生态，相关工具、组件等均可轻松接入
  5. 更稳定的源码
    1. 使用 TypeScript、ESlint、Jest，保证代码质量
    2. 欢迎社区贡献

如何开始

新仓库启动 bundler

  1. # 注意：@tarojs/cli 最新版本还未发布，体验版在标签 canary 下
  2. $ yarn global add @tarojs/cli@canary
  4. # 创建并初始化 Taro 项目，框架需选择 React
  5. $ taro init <projectName>
  7. # 进入初始化目录
  8. $ cd <projectName>
  10. # 设置环境变量DEVTAG，首次使用会安装体验版相关依赖，需要等待一段时间
  11. # 支持 --port 选项手动指定端口
  12. $ DEVTAG=@canary yarn dev:rn --port 8081
  14. # bundler 启动成功会显示如下信息
  15. # React-Native Dev server is running on port: 8081

原3.x仓库启动 bundler

  1. # 将`package.json`中 tarojs 相关依赖版本改为 `^3.2.0-canary.3`
  2. # 特别注意 `@tarojs/taro-rn` `@tarojs/rn-runner` 可能被安装为 2.x 版本
  4. # 重新安装依赖
  5. $ yarn
  7. # 启动bundler
  8. $ yarn dev:rn --port 8081
  10. # bundler 启动成功会显示如下信息
  11. # React-Native Dev server is running on port: 8081

低版本仓库

请先参照升级指南，升级至 3.x 版本，再参照上述步骤

启动APP

新版本壳工程对应地址为 https://github.com/NervJS/taro-native-shell/tree/0.63.2

  1. # 下载壳工程
  2. $ git clone -b 0.63.2 git@github.com:NervJS/taro-native-shell.git
  4. # 安装依赖
  5. $ yarn
  7. # iOS 需要安装原生依赖
  8. $ npx pod-install
  10. # 构建并启动应用 
  11. $ yarn android -- --no-packager
  13. # 加载成功，可以看到 “Hello world”
  14. # 如 IP 或端口号不一致，需自行配置

如果你有相关的疑问，点击链接参与讨论