app intro lottie expo

แอปอินโทรด้วย Expo และ Lottie

ภาพรวม

เทคโนโลยีที่ใช้ในแอพนี้มีดังต่อไปนี้:

• Front End: Expo

• การนำทางทำด้วย: React-Navigation

• เค้าโครง: องค์ประกอบสไตล์

• แอนิเมชั่น: Lottie

ข้อกำหนดเบื้องต้น

• โหนด JS กับ NPM

• Expo CLI

  • npm install -g expo-cli

เรียกใช้โครงการ

1. โคลน repo นี้ไปยังเครื่องในพื้นที่ของคุณ

 git clone https://github.com/yhenni1989/app-intro-lottie-expo.git

cd app-intro-lottie-expo

2. ติดตั้งการพึ่งพาไคลเอนต์

 yarn

# or

npm install

3. เปิดตัว Metro Bundler

 yarn start

สิ่งนี้จะเริ่มต้น Metro Bundler ในเบราว์เซอร์ของคุณ

4. Lanuch เครื่องจำลองบนเครื่องของคุณ

หากคุณติดตั้ง XCode หรือ Android Emulator คุณสามารถเปิดตัวจำลองโดยใช้หนึ่งในคำสั่งต่อไปนี้

 yarn ios

# or

yarn android

หากคุณไม่มีเครื่องจำลองติดตั้งในเครื่องของคุณให้ข้ามไปที่ขั้นตอนที่ 5

5. ทดสอบแอพในอุปกรณ์ของคุณ

• คุณต้องติดตั้งแอพ Expo Client บนโทรศัพท์ของคุณ ลิงก์ในส่วนที่ 2 ของเอกสาร

• สแกนรหัส QR ที่จัดทำโดย Expo ตั้งอยู่ที่มุมล่างซ้ายในหน้าเบราว์เซอร์ Metro Bundler

ทีละขั้นตอนการสอน

• อ่านบทความเต็มรูปแบบของบทความที่ให้รายละเอียดเกี่ยวกับกระบวนการอาคารของแอพนี้ที่นี่