inier / taro-mortgage-calculator Goto Github PK

View Code? Open in Web Editor NEW

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

License: MIT License

JavaScript 2.70% TypeScript 80.43% HTML 0.86% SCSS 16.01%

taro-mortgage-calculator's Introduction

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 预览

下载安装 Taro Playground。
本地运行 yarn dev:rn，打印二维码。或者打开releases页面。
使用 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