INHOUDSOPGAWE:

Wat is navigasie in react native?
Wat is navigasie in react native?

Video: Wat is navigasie in react native?

Video: Wat is navigasie in react native?
Video: React Native Navigation Stack and Drawer 2024, April
Anonim

Wanneer ons mobiele toepassings bou, is die primêre bekommernis hoe ons 'n gebruiker s'n hanteer navigasie deur die toepassing - die aanbieding van die skerms en die oorgange tussen hulle. Reageer navigasie is 'n selfstandige biblioteek wat 'n ontwikkelaar in staat stel om hierdie funksionaliteit maklik te implementeer.

Ook gevra, hoe voeg ek navigasie in reageer inheems by?

  1. Stap 1: Installeer React Native. Goed, installeer nou die reageer inheemse projek deur die volgende opdrag.
  2. Stap 2: Skep twee skerms vir ons projek.
  3. Stap 3: Installeer die React Navigation-pakket.
  4. Stap 4: Voeg die navigasieknoppie by Instellings.
  5. Stap 5: Herlaai die toepassing.

Verder, hoe navigeer jy van een skerm na 'n ander skerm in reageer inheems? Beweeg van een skerm na 'n ander word uitgevoer deur gebruik te maak van die navigasie stut, wat ons verbygaan skerm komponente.

Navigeer na die nuwe skerm

  1. < Knoppie.
  2. title="Gaan na URL"
  3. onPress={() => hierdie. rekwisiete. navigasie. navigate('url')}
  4. />

Weet ook, hoe gebruik ek 'n router in react native?

React Native - Router

  1. Stap 1: Installeer router. Om mee te begin, moet ons die router installeer.
  2. Stap 2: Volledige aansoek. Aangesien ons wil hê dat ons router die hele toepassing moet hanteer, sal ons dit in die indeks byvoeg.
  3. Stap 3: Voeg router by. Nou sal ons die Roetes-komponent binne die komponente-lêergids skep.
  4. Stap 4: Skep komponente.

Wat is reageer router?

Reageer Router is die standaard roetering biblioteek vir Reageer . Van die dokumente: Reageer Router hou jou UI gesinchroniseer met die URL. Dit het 'n eenvoudige API met kragtige kenmerke soos lui kode-laai, dinamiese roete-passing, en ligging-oorgang hantering reg ingebou.

Aanbeveel: