Taro RN跨端框架

通过这个框架，你可以写出一套可以同时运行在微信小程序、H5、Android、iOS等平台的代码

概述

本框架相较于Taro 跨端框架，其时以React Native优先向下适配H5以及小程序。
其差异在于：

代码结构使用yarn 管理依赖，使用Hermes引擎，使用TypeScript开发，使用React Native开发
类型写法使用taro语法并且支持less。但是需要注意原生css限制
平台差异比如获取原生api或者相关库引用时。需要使用多端组件区分

目录结构

txt

D:\code
├── babel.config.js                 babel编译配置
├── android                         Android配置
├── ios                             IOS配置
├── config                          代码构建配置
|  ├── index.js
├── index.js
├── metro.config.js
├── package.json
├── patches
├── project.config.json
├── project.private.config.json
├── project.tt.json
├── scripts
├── src
|  ├── app.config.ts
|  ├── app.less
|  ├── app.rn.less
|  ├── app.rn.tsx
|  ├── app.tsx
|  ├── assets
|  ├── config.ts
|  ├── custom-tab-bar
|  ├── hooks
|  ├── index.html
|  ├── pages
|  └── static
├── swaggerApi.config.js
├── tsconfig.json
├── types
|  └── global.d.ts
└── yarn.lock

安装

bash

  yarn // 安装外层依赖

注如果你不需要开发React-Native接下来的安装步骤也可以不用执行

bash

  yarn upgradePeerdeps // 安装RN依赖

请注意上面的命令可能会花费很长很长很长的时间~ 并且需要你有稳定的科学上网工具。如果安装失败了。请尝试多次安装。

启动

bash

  yarn dev:weapp    // 启动小程序

  yarn dev:h5       // 启动H5

  // 启动RN (清空缓存启动)
  yarn dev:rn       // 第一步启动dev
   
  yarn android // 启动安卓  你也可以使用开发者工具启动
  yarn ios // 启动ios  这里更建议使用XCode 启动