Taro Mortgage Calculator

Kalkulator Hipotek

Taro 3 - Kalkulator Hipotek

Dari kiri ke kanan: React Native, Weapp, H5

Instans multi-terminal (React Native, Weapp, H5) dikembangkan berdasarkan Taro 3

Saat mengembangkan React Native, disarankan untuk membaca proses pengembangan React Native dan tindakan pencegahannya sebelum mengembangkan React Native.

Pengenalan proyek

Struktur direktori:

 ├── 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

Proyek ini bertujuan untuk memberikan referensi kasus pengembangan aplikasi multi-terminal di Taro 3, merangkum beberapa komponen yang mendukung multi-terminal, memberikan ide dan teknik untuk mengembangkan aplikasi multi-terminal, dan memungkinkan pengembangan cepat.

Pratinjau daring

Bereaksi Asli	Program kecil	H5
Android: taroDemo.apk IOS: taroDemo.app (paket simulator iOS)		https://wuba.github.io/Taro-Mortgage-Calculator

Pratinjau menggunakan Taro Playground

0. Unduh dan instal Taman Bermain Taro.
1. Jalankan yarn dev:rn secara lokal untuk mencetak kode QR. Atau buka halaman rilis.
2. Gunakan APP untuk memindai kode QR untuk memuat bundel dan mempratinjaunya.

Jalankan secara lokal

  # 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

Lisensi

MIT