Ważne jest, aby zrozumieć, jak działa nawigacja i natywne aplikacje, a zwłaszcza jeśli masz doświadczenie
w tworzeniu stron internetowych, ważne jest, aby zrozumieć, czym różni się od nawigacji między ekranami
i siecią, ponieważ w sieci faktycznie wpisujesz adres L i budujesz aplikacja reagująca Używasz narzędzia takiego
jak reakcja routera, aby następnie załadować komponent użytkownika.
A jeśli klikniesz link, który prowadzi do mojej strony, dot com slash ponownie, router z reakcją, który jest dodatkową biblioteką, którą zainstalowałeś, uruchamia się i
widzi, że zmieniasz ścieżkę w twoim U. R. L. i ładuje inny składnik
reagujący.
Tak działa nawigacja w sieci.
Więc jesteś L jest twoim źródłem prawdy i zmiana, że jesteś, może zostać przechwycona przez biblioteki takie jak router
reagujący, który następnie wyrenderował różne komponenty na ekranie.
Tak reaguję na prace w sieci.
Jest jedna ważna różnica, gdy myślimy o aplikacjach natywnych.
Nie mamy, że jesteś ell użytkownicy nie chodzą w twojej aplikacji, wprowadzając niektóre z nich jesteś L zamiast
naciskasz przyciski, naciskasz przyciski i idziesz do przodu i do tyłu.
Masz tylne przyciski, a szuflady boczne - to precyzyjna nawigacja w aplikacjach mobilnych.
Jak już wspomniałem, posiadanie kranów jest jednym z powszechnych wzorów, które tam widzisz.
Przeciętny wspólny wzorzec polega na tym, że poruszasz się po stosie stron, a to oznacza,
że po przejściu na jakąś stronę klikasz element przeniesiony na nowy ekran, a następnie automatycznie dostajesz przycisk Wstecz
na górze lub na Androidzie oczywiście mieć jeden wbudowany w urządzenie.
A kiedy naciśniesz, że wróciłeś do poprzedniej strony i uzyskasz płynne przejście
do tego.
Możesz tam nawigować, na przykład ładować komponent użytkownika, naciskając kartę lub naciskając specjalny element
i będąc tam nawigowanym, a zarzut wygląda po prostu i różni się nieco
od użytkowników.
Teraz oczywiście chcemy wprowadzić ten wygląd do naszej natywnej aplikacji ReACT.
I na szczęście to bardzo łatwe.
Z pomocą biblioteki strony trzeciej będzie korzystać z biblioteki strony trzeciej, która będzie z tego korzystać.
Zatrzymałem mój serwer tutaj, to zareaguj na nawigację, możemy go zainstalować za pomocą npm install dash dash bezpiecznie
reaguj na nawigację w ten sposób i chociaż nazywa się to reaguj nawigacją w rzeczywistości jest to biblioteka
nawigacyjna stworzona do reagowania natywnego.
Teraz możesz także używać go w aplikacjach internetowych, ale jego głównym celem są aplikacje natywne zbudowane z React Native.
Tak więc, chociaż nazywa się to nawigacją reagującą, to działa w React Native, a nie tylko w sieci.
Możemy więc po prostu zainstalować ten pakiet tutaj w naszej aplikacji, aby zacząć z niego korzystać.
I oczywiście nauczę cię tajników tego pakietu i jak go używać do różnych
wzorców nawigacji w tym module.
Ale jeśli chcesz nurkować głębiej lub też mieć pisemny przewodnik.
Zdecydowanie sprawdź także reagującą kropkę nawigacyjną ORIC, która jest oficjalną stroną tego pakietu, gdzie możesz zanurzyć
się w dokach, aby dowiedzieć się wszystkiego o tym pakiecie.
Tam możesz przeczytać wszystko o tym bardzo szczegółowo.
Dowiesz się, jak go używać, jak go skonfigurować i tak dalej.
Możesz z tym wiele zrobić i chociaż omówię większość z tego tutaj, jest to świetny zasób
dla ciebie, aby zanurzyć się głębiej.
Teraz widzimy jedną rzecz, którą absolutnie powinniśmy zrobić, to uruchomić to polecenie użytkownika, który instaluje
kilka dodatkowych zależności w odpowiedzi na potrzeby nawigacji.
Więc po prostu skopiuj to polecenie ze strony Pierwsze kroki tutaj i wykonaj w swoim projekcie w
wierszu poleceń w zintegrowanym terminalu, nie masz instalacji npm, ale instalacji Expo, ale jedyną różnicą
jest to, że Expo zainstalowane za kulisami uruchomi instalację npm, ale to wybierze określone
wersje tych pakietów, które działają z określoną wersją Expo.
Więc jest to bezpieczniejsza wersja instalacji npm, którą możesz powiedzieć i dlatego zalecamy jej użycie
tutaj.
Teraz jedna dodatkowa uwaga na temat tego polecenia i ogólnie tej strony w lewym górnym rogu tej
strony zobaczysz wersję nawigacji React.
Te dokumenty odnoszą się teraz do ponownego użycia tego kursu, podczas gdy w 3 lub 4 są prawie takie same.
Obecnie nie używamy, podczas gdy w wersji 5, ponieważ wersja 5 używa nieco innej składni, której
na razie nie omówimy.
Więc upewnij się, że jeśli wracasz do dokumentów, faktycznie wybierasz wersję 4 lub wolną od dokumentacji
tutaj, aby płynnie postępować.
Oczywiście zawsze możesz spojrzeć na wersję 5 i ręcznie dostosować kod, jeśli chcesz,
ale dla płynnego doświadczenia, gdzie skupić się oczywiście na React Native i nie reagować na nawigację.
Wybierz wersję 4 lub bezpłatny rok.
To tylko mała uwaga na wypadek, gdybyś zastanawiał się nad różnicą między dokumentami tutaj a tym,
co widzisz w tym kursie. Teraz jedna ważna uwaga, podczas gdy my pozostajemy gotowi zareagować na nawigację, w
której jesteśmy.
Tutaj w dalszej części kursu będę miał cały moduł dotyczący reagowania na nawigację pięć, a później, gdzie pokażę ci,
jak przekonwertować twój projekt, aby korzystać z tej najnowszej wersji.
Czy więc posiadasz to, co najlepsze z obu światów, i nauczysz się obu rodzajów konfiguracji nawigacji i
nawigacji oraz reagowania na natywne aplikacje, ponieważ zarówno dla, jak i dla każdej przyszłości, w której ona będzie
miała pięć lat, będzie bardzo ważna.
Więc po prostu skopiujmy to polecenie i upewnijmy się, że oprócz instalacji reagowania na
nawigację, która jest podstawowym pakietem, oczywiście instalujemy te pakiety również w projekcie, uruchamiając tutaj
Instalację Expo z zakończoną tutaj instalacją. Mogę zrestartować mój serwer Expo po uruchomieniu NPM i możemy
teraz zacząć korzystać z nawigacji reagującej.
Teraz w tym celu wymień nowy folder w moim projekcie, a ja nazwiemy go nawigacją.
Nie jest to coś, co musisz zrobić, ale może pomóc w utrzymaniu kodu w czystości, ponieważ tam jest.
Stworzę nowy plik, wszystkie utworzę nawigator posiłków kropka J jesień.
Teraz ta nazwa pliku zależy wyłącznie od Ciebie.
Chcę tylko zaznaczyć, że tam skonfiguruję nawigację dla mojej aplikacji do posiłków,
którą buduję.
Dlatego właśnie tak to się nazywa.
I to jest jesienna nawigacja jazzowa, w której chcę skonfigurować konfigurację nawigacji.
Chcę powiedzieć, że nawigacja zainstalowała bibliotekę, jakie różne ekrany mamy, w jaki sposób są połączone i
jak możemy się między nimi poruszać.
Teraz łatwiej to po prostu zobaczyć niż po prostu o nich porozmawiać.
Dlatego w nawigatorze posiłków zacznijmy konfigurować nawigację.