Агуулгын хүснэгт:

React native дээр навигаци гэж юу вэ?
React native дээр навигаци гэж юу вэ?

Видео: React native дээр навигаци гэж юу вэ?

Видео: React native дээр навигаци гэж юу вэ?
Видео: 🎶 ДИМАШ И ТЕНГРИ "Хун галуу" | Dimash and Tengri «Swan goose» analysis 2024, Арванхоёрдугаар сар
Anonim

Мобайл програмыг бүтээхдээ бид хэрэглэгчтэй хэрхэн харьцдаг вэ гэдэг нь хамгийн чухал асуудал юм навигаци програмаар дамжуулан - дэлгэцийн танилцуулга, тэдгээрийн хоорондох шилжилт. React Navigation нь хөгжүүлэгчдэд энэ функцийг хялбархан хэрэгжүүлэх боломжийг олгодог бие даасан номын сан юм.

Мөн би хариу үйлдэл хийх төрөлд навигацийг хэрхэн нэмэх вэ гэж асуусан.

  1. Алхам 1: React Native програмыг суулгана уу. За, одоо дараах тушаалаар хариу үйлдэл хийх эх төслийг суулгана уу.
  2. Алхам 2: Манай төслийн хоёр дэлгэцийг үүсгэ.
  3. Алхам 3: React Navigation багцыг суулгана уу.
  4. Алхам 4: Тохиргоо дотор навигацийн товчийг нэмнэ үү.
  5. Алхам 5: Програмыг дахин ачаална уу.

Цаашилбал, та нэг дэлгэцээс нөгөө дэлгэц рүү хэрхэн хариу үйлдэл үзүүлэх вэ? -аас хөдөлж байна нэг дэлгэц нөгөө рүү ашиглан гүйцэтгэнэ навигаци тулгуур, аль нь дамждаг манай дэлгэц бүрэлдэхүүн хэсгүүд.

Шинэ дэлгэц рүү шилжинэ үү

  1. <Товч.
  2. title="URL руу очих"
  3. onPress={() => энэ. тулгуур. навигаци. навигаци('url')}
  4. />

Түүнчлэн, би чиглүүлэгчийг реактийн төрөлд хэрхэн ашиглахыг мэдэх үү?

React Native - Чиглүүлэгч

  1. Алхам 1: Чиглүүлэгчийг суулгана уу. Эхлэхийн тулд бид чиглүүлэгчийг суулгах хэрэгтэй.
  2. Алхам 2: Програмыг бүхэлд нь бөглөнө үү. Бид чиглүүлэгчээ бүх программыг зохицуулахыг хүсч байгаа тул бид үүнийг индекст нэмнэ.
  3. Алхам 3: Чиглүүлэгч нэмнэ үү. Одоо бид бүрэлдэхүүн хэсгүүдийн хавтас дотор Routes бүрэлдэхүүнийг үүсгэх болно.
  4. Алхам 4: Бүрэлдэхүүн хэсгүүдийг үүсгэх.

Реакт чиглүүлэгч гэж юу вэ?

React Router стандарт юм чиглүүлэлт зориулсан номын сан Хариу үйлдэл үзүүлэх . Баримт бичгүүдээс: React Router таны UI-г URL-тай синхрончилдог. Энэ нь залхуу код ачаалах, динамик маршрут тохируулах, байршлын шилжилтийг шууд суулгасан зэрэг хүчирхэг функцуудтай энгийн API-тай.

Зөвлөмж болгож буй: