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。
- 本地运行
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
MIT