Taro Mortgage Calculator

เครื่องคำนวณสินเชื่อที่อยู่อาศัย

Taro 3 - เครื่องคำนวณสินเชื่อที่อยู่อาศัย

จากซ้ายไปขวา: React Native, Weapp, H5

อินสแตนซ์หลายเทอร์มินัล (React Native, Weapp, H5) ที่พัฒนาบน Taro 3

เมื่อพัฒนา 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 โดยห่อหุ้มส่วนประกอบบางส่วนที่รองรับหลายเทอร์มินัล ให้แนวคิดและเทคนิคในการพัฒนาแอปพลิเคชันแบบหลายเทอร์มินัล และช่วยให้สามารถพัฒนาได้อย่างรวดเร็ว

ดูตัวอย่างออนไลน์

ตอบสนองพื้นเมือง	มินิโปรแกรม	H5
Android: taroDemo.apk IOS: taroDemo.app (แพ็คเกจจำลอง IOS)		https://wuba.github.io/Taro-Mortgage-Calculator

ดูตัวอย่างโดยใช้ Taro Playground

0. ดาวน์โหลดและติดตั้ง Taro Playground
1. รัน yarn dev:rn ในเครื่องเพื่อพิมพ์โค้ด QR หรือเปิดหน้าเผยแพร่
2. ใช้แอปเพื่อสแกนโค้ด QR เพื่อโหลดชุดรวมและดูตัวอย่าง

ดำเนินการในพื้นที่

  # 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

ใบอนุญาต

เอ็มไอที