li5t / Taro-Mortgage-Calculator

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

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

本地运行

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

  # 指定8081
  yarn dev:rn --port 8081

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

  # 运行H5
  yarn dev:h5

About

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

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

License:MIT License


Languages

Language:TypeScript 80.4%Language:SCSS 16.0%Language:JavaScript 2.7%Language:HTML 0.9%