หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ดาวน์โหลดแบบอักษร
ดาวน์โหลด

ตอบสนองเทมเพลตพื้นเมือง nativego

Nativego เป็นแม่แบบดั้งเดิมเพื่อเริ่มต้นอย่างรวดเร็ว

➡การพึ่งพา 

 npx react-native init <APPLICATION_NAME> --template react-native-template-nativego

หมายเหตุเกี่ยวกับมรดก CLI

ดูเหมือนว่าจะมีความสับสนเกี่ยวกับมรดก CLI เทมเพลตนี้ใช้งานได้กับ CLI ใหม่เท่านั้น ตรวจสอบให้แน่ใจว่าคุณถอนการติดตั้ง react-native-cli ก่อน (npm ถอนการติดตั้ง -g react-native-cli) เพื่อให้คำสั่งด้านล่างทำงาน หากคุณไม่ต้องการใช้ NPX คุณสามารถติดตั้ง CLI ใหม่ทั่วโลก (NPM I -G @React-Native-Community/CLI หรือเส้นด้าย Global Add @React-Native-Community/CLI)

ข้อมูลเพิ่มเติมสามารถดูได้ที่นี่: https://github.com/react-native-community/cli#about

️การพึ่งพา

  • @Gorhom/Bottom-sheet
  • @@ react-native-async-storage/async-storage
  • @React-Native-Community/DateTimePicker
  • @React-Native-Community/Hooks
  • @React-Native-Community/Masked-View
  • @React-Navigation/Native
  • @react-navigation/stack
  • ช่วงเวลา
  • ชนิดของโพรค์
  • หมายเลขปฏิกิริยา-แอนิเมชั่น
  • React-native-config
  • ตอบโต้
  • React-Native-File-Logger
  • React-native-handler
  • React-Native-Keyboard-Aware-Scroll-View
  • react-native-masked-text
  • React-Native-Modal-Datime-Picker
  • ปฏิกิริยาตอบโต้
  • react-native-reanimated
  • react-native-safe-area-context
  • ตอบโต้หน้าจอ
  • react-native-vector-icons

- โครงสร้างไฟล์:

SRC/

ไฟล์ทั้งหมดอยู่ในส่วนประกอบพื้นฐานนี้

API/

โฟลเดอร์นี้มีตรรกะที่เกี่ยวข้องกับการสื่อสารภายนอก API ซึ่งรวมถึง:

  • endpoints.js - ที่เก็บค่าคงที่ทั้งหมดที่ต้องการจะถูกเก็บไว้
  • helper.js - สำหรับการจัดเก็บตรรกะที่ใช้ซ้ำได้
  • ไฟล์คุณลักษณะแต่ละไฟล์ - ไฟล์ฟีเจอร์แต่ละไฟล์มีตรรกะการสื่อสาร API สำหรับคุณสมบัติเฉพาะ

สินทรัพย์/

เช่นเดียวกับชื่อที่แสดงถึงไฟล์นี้มีไฟล์คงที่ (เช่นภาพ) ที่ใช้ในแอปพลิเคชัน

  • สินทรัพย์/ฟอนต์: มีฟอนต์ที่กำหนดเองที่ใช้
  • สินทรัพย์/รูปภาพ: มีรูปภาพที่ใช้
  • สินทรัพย์/JSON: มี JSON ที่ใช้
  • สินทรัพย์/Lottie: มีลอตตี้ที่ใช้

Redux/

สิ่งนี้จะถือไฟล์ Redux ทั้งหมดหากคุณใช้ React-Redux สำหรับการจัดการสถานะ ภายในโฟลเดอร์ Redux คุณมีการกระทำลดการจัดเก็บซึ่งสามารถจัดการไฟล์ Redux ของคุณได้อย่างง่ายดาย

  • Redux/Actions: ไฟล์แอ็คชั่นทั้งหมดที่ใช้รอบ Redux ไปที่นี่
  • Redux/Reducers: ตัวลดทั้งหมดที่ใช้รอบ Redux ไปที่นี่
  • Redux/Store: คุณสามารถใส่ร้านค้าของคุณไว้ในโฟลเดอร์ Redux Store นี้

ส่วนประกอบ/

ส่วนประกอบที่ใช้ร่วมกันที่ใช้ในคุณสมบัติจะถูกวางไว้ในไดเรกทอรีนี้ ตัวอย่างของ (ดังที่แสดงด้านบน) คือองค์ประกอบเลย์เอาต์ซึ่งใช้ในการห่อส่วนประกอบแอปพลิเคชันและกำหนดเค้าโครงโดยรวม

  • ส่วนประกอบ/การแจ้งเตือน: สิ่งนี้มีการแจ้งเตือนและยืนยัน
  • ส่วนประกอบ/พื้นหลัง: คลาสพื้นฐานและมุมมองการรับรู้แป้นพิมพ์ที่กำหนดเองสำหรับหน้าจอ
  • ส่วนประกอบ/ปุ่ม: ปุ่มทั่วไป
  • ส่วนประกอบ/enum: มี enums
  • ส่วนประกอบ/FlatlistItem: มีรายการรายการ
  • ส่วนประกอบ/อินพุต: มีข้อความหลายประเภท
  • ส่วนประกอบ/โมดอล: มีโมดอลแบบเลื่อนลงสำหรับอินพุทดอปดาวน์และคอนเทนเนอร์โมดอล
  • ส่วนประกอบ/preloader: มีตัวบ่งชี้ความคืบหน้าและตัวบ่งชี้การโหลด

หน้าจอ/

คุณสามารถวางส่วนประกอบบนหน้าจอทั้งหมดไว้ในที่นี่ (เช่น - Splashscreen, Homescreen)

การนำทาง/

คุณกำลังนำทางฐานข้อมูลไปที่นี่ คุณสามารถสร้าง Stack Navigator และส่งออกไปยังแอปพลิเคชันของคุณ

สไตล์/

หากคุณมีสไตล์ระดับโลกที่กำหนดไว้ในโครงการของคุณคุณสามารถวางไว้ที่นี่เช่นสีสไตล์ตัวอักษรเช่นสิ่งของ

สาธารณูปโภค/

คุณสามารถใส่ไฟล์ utils ได้ที่นี่

  • ยูทิลิตี้/บริบท/ธีม: รวมถึงบริบทธีมมืดและแสง
  • ยูทิลิตี้/ฟังก์ชั่น/รูปแบบ: โฟลเดอร์นี้มีสามฟังก์ชั่นที่มีประโยชน์มากที่สุด currencyFormat, decimalformat, dateFormat
  • ยูทิลิตี้/ฟังก์ชั่น/บันทึก: ซึ่งรวมถึงฟังก์ชั่นบันทึกซึ่งคุณสามารถใช้เพื่อบันทึกข้อความเป็น console.log หรือเขียนไปยังไฟล์
  • ยูทิลิตี้/ฟังก์ชั่น/การตรวจสอบความถูกต้อง: โฟลเดอร์นี้รวมฟังก์ชั่นที่มีประโยชน์มากที่สุดสามฟังก์ชั่น ValidateMail, ValidatePassword
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด