pineapple react native template

- เทมเพลต Pineapple Reactnative

- การพึ่งพาอาศัยกัน

• Async Storage - ที่เก็บค่าคีย์
• ตอบสนองพวงกุญแจดั้งเดิม - ที่เก็บรักษาที่ปลอดภัย
• การนำทางตอบสนอง - การนำทางระหว่างหน้าจอและแท็บด้านล่าง
• ตอบสนองการนำทาง Devtools - เครื่องมือในการดีบักนำทาง
• Redux Toolkit - State Manager & RTK Queries
• Axios - เครือข่าย
• Date -FNS - ยูทิลิตี้วันที่
• Formik - สร้างแบบฟอร์ม
• ใช่ - การตรวจสอบแบบฟอร์ม
• rngh 2 - ท่าทาง
• Reanimated 2 - แอนิเมชั่น
• ตอบสนอง SVG ดั้งเดิม - สร้าง SVG
• ตอบสนองหน้าจอสาดพื้นเมือง - หน้าจอสาด

? ‍ การพึ่งพาการพัฒนา

• โมดูลตัวแก้ไข - นามแฝงเส้นทาง
• SVG Transformer - ใช้ SVG เป็นส่วนประกอบ
• RN Flipper - เปิดใช้งาน Flipper Debugger

- การตั้งค่า

สาขาหลัก

1. ติดตั้งการพึ่งพาและพ็อด

 npm i && cd ios && pod install

2. สร้างโครงการด้วย Xcode หรือ Android Studio
3. ทำกาแฟในขณะที่โครงการกำลังสร้าง
4. เรียกใช้ Metro Bundler (ถ้ายังไม่เปิด) และเรียกใช้แอปพลิเคชัน

สาขาหลัก

1. สร้างโครงการใหม่ด้วยเทมเพลต TypeScript:

 npx react-native init AwesomeTSProject --template react-native-template-typescript

2. ย้ายไฟล์จากที่เก็บนี้ไปยังโครงการที่เราเพิ่งสร้างขึ้น
3. กำหนดค่าหน้าจอสาดสำหรับ iOS & Android
4. กำหนดค่า React-Navigation
5. กำหนดค่า Reanimated 2 สำหรับ Android
6. ติดตั้งการพึ่งพา
7. ติดตั้งฝัก
8. สร้างโครงการด้วย Xcode หรือ Android Studio

- การดีบัก

เทมเพลตนี้รวมเข้ากับ Flipper เพื่อแก้ไขข้อบกพร่องของแอปพลิเคชัน

ปลั๊กอิน Flipper

• การตอบโต้
• Redux-Flipper

ทรัพยากรที่มีประโยชน์

• - สาดหน้าจอและเครื่องกำเนิด Appicon
• - แปลง SVG เป็นปฏิกิริยาส่วนประกอบดั้งเดิม

หากคุณมีข้อเสนอแนะหรือคำถามใด ๆ อย่าลังเลที่จะทำคำขอดึงหรือติดต่อเรา!

ดำเนินการโดย

Omisoft

ใบอนุญาต

แม่แบบสับปะรด Reactnative ถูกปล่อยออกมาภายใต้ใบอนุญาต MIT
ดูใบอนุญาตสำหรับรายละเอียด