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

React-Router-Navigation

โครงการนี้ไม่ได้รับการดูแลอีกต่อไป ... ไปดู react-navigation

react-router-navigation จัดเตรียมเครื่องมือในการนำทางระหว่างหน้าจอหลายหน้าด้วย Navigators หรือ Tab Views ไลบรารีนี้ขึ้นอยู่กับ react-router , react-navigation และ react-native-tab-view

ไฮไลท์

  • เพียงส่วนเสริมเพื่อ react-router
  • ความสามารถในการผสมผสาน
  • อนุญาตให้คุณโทรผ่านทุกที่ในรหัสของคุณด้วยส่วนประกอบง่ายๆ
  • การกำหนดเส้นทางแบบไดนามิก
  • การพัฒนาที่ขับเคลื่อนด้วย URL
  • โซลูชันการนำทางที่ใช้งานง่ายโดยใช้ react-navigation
  • การสนับสนุนแท็บแท็บโดยใช้ react-native-tab-view
  • ข้ามแพลตฟอร์ม (iOS, Android และเว็บ)
  • การรองรับการเชื่อมโยงแบบลึกชั้นหนึ่ง
  • นักเดินเรือซ้อนกัน
  • ได้รับการทดสอบอย่างเต็มที่และพิมพ์อย่างเคร่งครัด
  • การสนับสนุน TypeScript

- การสาธิต

  • แอพดั้งเดิมขั้นต่ำ
  • แอพพื้นเมืองโลกแห่งความจริง
  • แอปพลิเคชันเว็บ Polaris ➡ดูสิ!

วิธีใช้

ติดตั้งเป็นการพึ่งพาโครงการ: 

$ yarn add react-router react-router-native react-router-navigation

ตอนนี้คุณสามารถใช้การนำทางเราเตอร์ React เพื่อนำทางระหว่างหน้าจอของคุณ:

แนะนำ

หากต้องการเรียนรู้วิธีการทำงานของห้องสมุดมุ่งหน้าไปยังบทนำนี้เขียนโดย @charlesmangwa: พันวิธีในการนำทางใน React-Native

เอกสาร

  • <Navigation /> จัดการการเปลี่ยนแปลงระหว่างฉากต่าง ๆ ในแอพของคุณ
  • <Tabs /> ทำให้ง่ายต่อการสำรวจและสลับระหว่างมุมมองที่แตกต่างกัน
  • <BottomNavigation /> ทำให้ง่ายต่อการสำรวจและสลับระหว่างมุมมองระดับบนสุดในการแตะครั้งเดียว
  • ใช้งานได้ดีกับ React Native Web เริ่มต้น
  • และเคล็ดลับประสิทธิภาพบางอย่าง

- มีส่วนช่วย

ต้องการแฮ็ค react-router-navigation หรือไม่? สุดยอด! เรายินดีต้อนรับการมีส่วนร่วมจากทุกคนและทุกคน

  1. แยกที่เก็บนี้ไปยังบัญชี GitHub ของคุณเองแล้วโคลนไปยังอุปกรณ์ในพื้นที่ของคุณ
  2. ติดตั้งการพึ่งพาโดยใช้เส้นด้าย: yarn
  3. ตรวจสอบให้แน่ใจว่าการทดสอบกำลังผ่าน yarn test
  4. ส่งคำขอดึง?

อย่าลืมเพิ่มการทดสอบสำหรับการเปลี่ยนแปลงของคุณถ้าเป็นไปได้

คำถาม

หากคุณมีคำถามใด ๆ อย่าลังเลที่จะติดต่อบน Twitter @leo_lebras หรือเปิดปัญหา

- ขอบคุณ

react-router-navigation ขึ้นอยู่กับเราเตอร์ React ขอบคุณ Ryan Florence @ryanflorence, Michael Jackson @Mjackson และผู้มีส่วนร่วมทั้งหมดสำหรับการทำงานของพวกเขาเกี่ยวกับ react-router และ history

ขอขอบคุณเป็นพิเศษกับ @ericvicenti, @skevy, @satya164 และ @grabbou สำหรับการทำงานของพวกเขาเกี่ยวกับ react-navigation และ @satya164 สำหรับงานของเขาเกี่ยวกับ react-native-tab-view

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด