Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wuba/Taro-Mortgage-Calculator
首个 Taro 3 多端统一实例 - 支持 React Native，Weapp，H5。
https://github.com/wuba/Taro-Mortgage-Calculator
cross-platform miniprogram react react-native react-native-app taro taro3 webapp wechat wechat-app wechat-mini-program
Last synced: 4 months ago
JSON representation
首个 Taro 3 多端统一实例 - 支持 React Native，Weapp，H5。
- Host: GitHub
- URL: https://github.com/wuba/Taro-Mortgage-Calculator
- Owner: wuba
- License: mit
- Created: 2020-12-30T07:22:59.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-07-18T07:01:54.000Z (12 months ago)
- Last Synced: 2024-01-17T02:36:07.569Z (6 months ago)
- Topics: cross-platform, miniprogram, react, react-native, react-native-app, taro, taro3, webapp, wechat, wechat-app, wechat-mini-program
- Language: TypeScript
- Homepage: https://wuba.github.io/Taro-Mortgage-Calculator
- Size: 14.1 MB
- Stars: 333
- Watchers: 24
- Forks: 77
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-taro - 【58出品】Taro 跨平台 demo，支持 React Native，Weapp，H5
README
# Mortgage-Calculator
Taro 3 - MortgageCalculator
> 从左到右：React Native、Weapp、H5
基于Taro 3开发的多端（React Native、Weapp、H5）实例
> 开发React Native， 推荐阅读[React Native 端开发流程](https://nervjs.github.io/taro/docs/react-native)和[React Native 端开发前注意](https://nervjs.github.io/taro/docs/react-native-remind)
### 项目介绍
目录结构：
```
├── 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](https://github.com/wuba/Taro-Mortgage-Calculator/raw/e0c432bdc6096a08d9020542e7ce401861026bfa/app-arm64-v8a-release.apk.1.zip)
IOS：[taroDemo.app](https://github.com/wuba/Taro-Mortgage-Calculator/raw/a67459bc6667b0478978621482d33103d04e7538/taroDemo.app.zip)(IOS模拟器包) |  | 
https://wuba.github.io/Taro-Mortgage-Calculator |
## 使用 Taro Playground 预览
0. 下载安装 [Taro Playground](https://github.com/wuba/taro-playground#app-download)。
1. 本地运行 `yarn dev:rn`，打印二维码。或者打开[releases](https://github.com/wuba/Taro-Mortgage-Calculator/releases)页面。
2. 使用 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