/Taro-Mortgage-Calculator

首个 Taro 3 多端统一实例 - 支持 React Native,Weapp,H5。

Primary LanguageTypeScriptMIT LicenseMIT

Mortgage-Calculator

Taro 3 - MortgageCalculator

从左到右:React Native、Weapp、H5

基于Taro 3开发的多端(React Native、Weapp、H5)实例

开发React Native, 推荐阅读React Native 端开发流程React Native 端开发前注意

项目介绍

目录结构:

├── config
├── global.d.ts
├── metro.config.js // Taro 3 RN metro 配置文件
├── package.json
├── project.config.json
├── src
│   ├── app.config.ts
│   ├── app.rn.scss // 针对RN的单独样式
│   ├── app.scss
│   ├── app.ts
│   ├── assets
│   ├── components // 封装的一些多端组件
│   ├── index.html
│   ├── pages
│   └── utils
├── tsconfig.json
└── yarn.lock

此项目旨在为Taro 3开发多端应用提供一个可参考的案例,封装一些支持多端的组件,提供一份开发多端应用的思路、技巧,能够快速上手开发

在线预览

React Native 小程序 H5
安卓:taroDemo.apk
IOS:taroDemo.app(IOS模拟器包)

https://wuba.github.io/Taro-Mortgage-Calculator

使用 Taro Playground 预览

  1. 下载安装 Taro Playground
  2. 本地运行 yarn dev:rn,打印二维码。或者打开releases页面。
  3. 使用 APP 扫描二维码加载 bundle,进行预览。

本地运行

  # clone到本地
  git clone https://github.com/wuba/Taro-Mortgage-Calculator.git
  
  # 进去项目根目录
  cd Taro-Mortgage-Calculator
  
  # 安装依赖
  yarn
  
  # 运行RN 默认端口8081
  yarn dev:rn

  # 运行微信小程序
  yarn dev:weapp

  # 运行H5
  yarn dev:h5

License

MIT