1 00:00:02,520 --> 00:00:07,110 Więc teraz trochę pracujemy z nawigacją, jesteśmy w stanie poruszać się do przodu i do tyłu. 2 00:00:07,110 --> 00:00:13,620 Nauczysz się, jak dodawać tutaj ikony i przyciski akcji do tego nagłówka, jak ogólnie stylizować i kontrolować 3 00:00:13,620 --> 00:00:18,630 nagłówek, jak przesyłać dane, a to wszystko jest kluczowe dla aplikacji mobilnych, które 4 00:00:18,630 --> 00:00:23,610 tworzysz za pomocą React Native. rób to wielokrotnie, pracując z React Native przy 5 00:00:23,790 --> 00:00:24,980 tworzeniu aplikacji. 6 00:00:25,050 --> 00:00:31,170 Teraz nie jest to jedyna forma nawigacji, którą możemy wdrożyć, chociaż możemy również dotknąć u dołu, 7 00:00:31,440 --> 00:00:36,330 abyśmy mogli przełączać się między różnymi sekcjami w jego aplikacji, która oczywiście 8 00:00:36,330 --> 00:00:42,210 ma typowy wzór znany z aplikacji mobilnych i który jest również wzorem Na początku tego 9 00:00:42,210 --> 00:00:49,950 modułu naszkicowałem, że chcę mieć dwa krany w jego aplikacji, jeden dla wszystkich naszych posiłków lub w tym przypadku dla 10 00:00:49,950 --> 00:00:55,440 wszystkich naszych kategorii, a drugi tylko dla naszych ulubionych posiłków, które oznaczyliśmy jako ulubione. 11 00:00:55,500 --> 00:01:01,640 To oczywiście prowadzi nas do jednego ważnego pytania, w jaki sposób możemy dodawać krany podczas pracy z reagującą nawigacją. 12 00:01:01,800 --> 00:01:05,010 I na szczęście nie jest to zbyt trudne. 13 00:01:05,010 --> 00:01:09,840 Przejdźmy do pliku Jamesa do nawigatora posiłków, w którym skonfigurowaliśmy nawigację i tam 14 00:01:09,840 --> 00:01:11,090 utworzyliśmy nawigator stosów. 15 00:01:11,190 --> 00:01:17,460 Potrzebujesz nawigatora stosu, gdy masz ekrany stron w aplikacji, które są połączone z takim przepływem 16 00:01:17,460 --> 00:01:19,020 wstecznym do przodu. 17 00:01:19,020 --> 00:01:21,140 To typowa nawigacja po stosach. 18 00:01:21,140 --> 00:01:26,910 To, czego używamy tutaj, oczywiście nadal będzie tego potrzebować, nawet jeśli teraz wszystkie reklamy zostaną dotknięte. 19 00:01:26,970 --> 00:01:32,910 Dobrą rzeczą jest to, że możesz mieć po prostu wielu nawigatorów w swojej aplikacji, 20 00:01:32,940 --> 00:01:39,190 i to właśnie teraz dobrze robi nawigacja Ricka oprócz nawigatora stosu, który tworzy funkcję nawigatora stosu. 21 00:01:39,210 --> 00:01:45,240 Możemy również zaimportować opcję tworzenia dolnej zakładki nawigatora, która działa tak, jak się wydaje, pozwala nam utworzyć 22 00:01:45,240 --> 00:01:48,080 nawigatora, który działa z zaczepami na dole. 23 00:01:49,050 --> 00:01:56,220 Stwórz więc nawigator na dolnej zakładce, a my możemy po prostu utworzyć tego dodatkowego nawigatora obok 24 00:01:56,220 --> 00:02:04,230 naszego nawigatora posiłków, powiedzmy, więc tutaj wymienię nazwy posiłków na karcie nawigatora Pfaff, możesz nazwać go tak, jak 25 00:02:04,230 --> 00:02:10,110 chcesz, po prostu mieć jasność co do jego nawigatora Kontrolki i kontrolki kół 26 00:02:10,110 --> 00:02:17,550 są posiłkami i ulubionymi z kranami, a ja nazywam tworzenie nawigatora dolnej zakładki i zapisuję wynik tej 27 00:02:17,550 --> 00:02:18,290 stałej. 28 00:02:18,360 --> 00:02:24,210 Rezultatem tej sprawiedliwości wcześniej dla nawigatora stosu nie jest koniec komponentu reagującego. 29 00:02:24,210 --> 00:02:27,730 Możemy to tutaj przechowywać i wkrótce będziemy mogli użyć odległości. 30 00:02:28,410 --> 00:02:34,650 Teraz, jak skonfigurujemy ten nawigator kart, a następnie podobnie jak nawigator stosów, nawigator kart, wszystkie obiekty biorą 31 00:02:34,650 --> 00:02:40,590 obiekt, w którym musimy poinformować go o różnych dotknięciach, aby powiedzieć różne sekcje na różnych 32 00:02:40,590 --> 00:02:46,880 ekranach, które chcesz załadować, kiedy klikniemy na inny krany i tam mam dwie karty, które chcę, jedna 33 00:02:46,880 --> 00:02:49,790 karta powinna być tym, co widzimy tutaj. 34 00:02:49,830 --> 00:02:55,980 Tak więc nasz stos w końcu to nie tylko ten ekran, ale wszystkie funkcje umożliwiające przejście do innego ekranu. 35 00:02:56,010 --> 00:03:02,310 Chcę więc mieć cały stos tutaj na jednej karcie i innym ekranie lub innym 36 00:03:02,310 --> 00:03:11,780 stosie na karcie Abbott, a dobrą rzeczą jest to, że możesz użyć stosu lub dowolnego innego Nawigatora jako ekranu w tym Nawigatorze. 37 00:03:12,040 --> 00:03:15,130 Możesz więc ustawić identyfikator. 38 00:03:15,220 --> 00:03:16,570 Może nazwijmy to posiłkami. 39 00:03:16,570 --> 00:03:18,140 To zależy wyłącznie od ciebie. 40 00:03:18,250 --> 00:03:21,060 A teraz możesz wskazać tutaj ekran. 41 00:03:21,100 --> 00:03:27,100 Możesz także użyć tej długiej formy z ekranem, ale użyję skrótu i po prostu 42 00:03:27,100 --> 00:03:35,070 bezpośrednio wskażę ekran tutaj, dodając ekran, który tu wskażesz, może nawet być tylko składnikiem reagującym, jak utworzyliśmy tutaj w 43 00:03:35,070 --> 00:03:36,520 folderze ekrany lub. 44 00:03:36,540 --> 00:03:40,270 Cóż, od tego roku, jak wspomniałem, wszystkie zwroty są prawdziwym składnikiem. 45 00:03:40,290 --> 00:03:42,840 Może to być również wynikiem utworzenia stosu Nawigatora. 46 00:03:42,840 --> 00:03:50,350 W rzeczy samej, użyję tutaj nawigatora posiłków jako mojego ekranu do załadowania w zakładce posiłków. 47 00:03:50,420 --> 00:03:54,320 Rzeczywiście, w ten sposób możemy to skonfigurować. 48 00:03:54,480 --> 00:03:56,420 To nasz pierwszy kran. 49 00:03:56,430 --> 00:03:59,300 Druga zakładka będzie naszą ulubioną i tam. 50 00:03:59,340 --> 00:04:01,290 Nie mam jeszcze stosu. 51 00:04:01,290 --> 00:04:07,940 Możemy później dodać jeden, ale na razie wskażę ekran ulubionych, więc zaimportuj martwe ulubione. 52 00:04:07,950 --> 00:04:16,230 Ekran tutaj w pliku nawigatora posiłków importuj ekran ulubionych z folderu ekranów i są to ekran ulubionych 53 00:04:16,260 --> 00:04:18,000 w ten sposób. 54 00:04:18,180 --> 00:04:27,980 A teraz po prostu wskaż tutaj ulubiony ekran naszego ulubionego identyfikatora w nawigatorze dolnej zakładki. 55 00:04:28,080 --> 00:04:30,930 W ten sposób możemy łatwo skonfigurować nawigatora kart. 56 00:04:30,930 --> 00:04:33,340 Pytanie brzmi: w jaki sposób go wykorzystujemy. 57 00:04:33,420 --> 00:04:39,000 Na koniec jest to teraz ten Nawigator, którego chcemy używać jako nawigatora tras w aplikacji, ponieważ 58 00:04:39,000 --> 00:04:41,510 zawiera on nasz istniejący nawigator posiłków. 59 00:04:41,610 --> 00:04:44,520 Pozwala nam także przejść do ulubionego ekranu. 60 00:04:44,520 --> 00:04:50,010 Więc w końcu używam tego roku w moim kontenerze aplikacji zamiast nawigatora posiłków, ponieważ 61 00:04:50,010 --> 00:04:56,600 nawigator posiłków jest teraz zagnieżdżony w nawigatorze kart i w ten sposób można łączyć wielu nawigatorów w natywnej 62 00:04:56,620 --> 00:05:02,400 aplikacji sterowanej nawigacją w szafie, ponieważ można po prostu mieszaj i łącz je ze sobą. 63 00:05:02,400 --> 00:05:07,740 Zawsze masz jeden nawigator tras, który znajduje się w kontenerze aplikacji, i to ma sens, że 64 00:05:07,740 --> 00:05:14,550 masz jeden punkt wejścia do aplikacji, ale ten nawigator tras może oczywiście mieć naszych zagnieżdżonych nawigatorów, ponieważ mamy go tutaj dla 65 00:05:14,550 --> 00:05:20,670 tego kranu, w którym wskazujemy nawigator posiłków a jeśli teraz zachowamy to bezpieczne, a zatem nasza aplikacja uruchomi się 66 00:05:20,670 --> 00:05:25,950 ponownie, zobaczysz teraz, że mamy tutaj zakładki na dole i możemy je kliknąć, aby przejść do 67 00:05:26,160 --> 00:05:32,550 stosu posiłków tutaj i możemy użyć tego stosu tak jak poprzednio, ale mogę również przełączyć się na ulubione wróć do 68 00:05:32,550 --> 00:05:37,340 mojego stosu, który nawet utrzymuje, że był podany, i tak łatwo możemy dodawać zadania. 69 00:05:37,380 --> 00:05:39,210 To samo oczywiście na Androidzie. 70 00:05:39,480 --> 00:05:44,540 Teraz oczywiście warto również zauważyć, że te krany nie wyglądają dobrze, ale fajnie byłoby mieć 71 00:05:44,540 --> 00:05:49,290 słyszę to, a nie tylko tekst, a my zajmiemy się konfiguracją tych kranów. 72 00:05:49,290 --> 00:05:54,660 Tylko sekunda, ale tak łatwo możemy zacząć korzystać z kranów i tak możesz 73 00:05:54,660 --> 00:06:00,620 pomyśleć o używaniu wielu nawigatorów w aplikacji reagującej na nawigację lub w aplikacji używającej reagującej nawigacji. 74 00:06:00,630 --> 00:06:05,490 Teraz zobaczmy, jak możemy właściwie dodawać ikony i jak możemy skonfigurować nasze krany nieco bardziej, aby 75 00:06:05,490 --> 00:06:08,160 używać innego koloru niż ten domyślny niebieski rok.