Dodajmy więc ten ostatni główny wzorzec nawigacji, który widzisz w aplikacjach mobilnych, i który ma boczne drzwi, oczywiście ryzykując
nawigację, jak w przypadku Taty, a także z nawigacji reagującej, którą możesz zaimportować, stworzyć remis i
Navigator, który robi to, jak to brzmi.
Ułatwia nam tworzenie tego schematu nawigacji opartego na losowaniu i daje nam taki los i
całą funkcjonalność, której potrzebujemy do kontrolowania słomy po wyjęciu z pudełka, co jest oczywiście bardzo wygodne.
Więc po prostu tworzymy nowy nawigator i zrobię to na dole tego pliku.
I tylko krótka uwaga, oczywiście, możesz podzielić to na wiele plików i mieć każdego nawigatora
we własnym pliku, a następnie scalić je w jeden plik, importując je do jednego pliku centralnego.
To jest coś, co możesz zrobić.
Dla tego samouczka łatwiej mi było przechowywać wszystko w jednym pliku.
Zbyt duży plik, ale zdecydowanie można to podzielić.
Stworzę tutaj mój nawigator rysowania na dole tego pliku i wszystkie zapisane w tej stałej o nazwie
Główny nawigator, ponieważ w końcu to jest to.
To będzie nasz główny nawigator na końcu, ponieważ zakładka będzie znajdować się w losowaniu, a nawigator na końcu
nasze haps tutaj.
Tak na obu kartach.
Mamy dostęp do tego losowania bocznego i decyzja o losowaniu pozwala nam przejść do zupełnie nowego ekranu, który nie
będzie częścią naszych dotknięć.
Nawigator rysowania znajduje się więc nad nawigatorem kart w hierarchii.
Jak więc skonfigurować taki nawigator losowania.
Zasadniczo tak, jak to zrobiliśmy, zanim przyjmie dwa argumenty.
Pierwszym argumentem jest obiekt, w którym konfigurujemy ekrany dla sprawiedliwości nawigatora niszczyciela, zanim będziemy
mieli identyfikatory, takie jak krany lub ulubione posiłki, niezależnie od tego, który nawigator jest odpowiedni dla pierwszego wpisu w szufladzie, który
chcesz mieć.
I tutaj chcę jeszcze wskazać nawigator karty moich ojców posiłków, ponieważ to właśnie tam chcę załadować, a
przy drugim wpisie jest ekran filtrów, nie możemy zapominać, że mamy jeszcze jeden ekran, który jest ekranem filtrów, z którego
nie korzystaliśmy wcześniej, ponieważ nadszedł czas, aby zabłysnąć i właściwie wszystko jest owinięte jak w
nawigator stosu, nawet jeśli będzie pusty.
Czy otrzymaliśmy również nagłówek.
Dodam tutaj kolejny nawigator stosów z funkcją Utwórz nawigator stosów.
To bardzo prosty stos.
Będzie miał tylko jeden ekran i będzie to ekran filtrów, który musiałby zatem zaimportować
tutaj u góry, ponieważ jeszcze tego nie robimy.
Zaimportujmy tutaj ekran filtrów z ekranu filtrów ekranów, a teraz możemy użyć ekranu filtrów w dół ich witryny internetowej, nie
tutaj, ale tutaj w nawigatorze stosów i nazwany to navigator filtrów czytaj coś takiego, a teraz to ten Navigator
filtrów może mapować na filtry w mój nawigator szufladowy i ja używam tu tylko nawigatora
stosów, więc mają tam również nagłówek i bez żadnego innego powodu
teraz na ekranie filtra będą oczywiście działać nad tym
za sekundę, ale jest jedna rzecz, którą chcę zrobić od razu. dodam moje opcje nawigacji, a tam dodam
tytuł nagłówka i ustawię go na filtrowanie lub filtrowanie posiłków w ten sposób, z powrotem do nawigatora posiłków tworzymy ten stos
przypisujemy nawigator filtrów nawigator stosu do naszego nawigatora losowania a teraz musimy po
prostu użyć głównego nawigatora tutaj w naszym kontenerze aplikacji, aby zacząć od długu, a teraz, jeśli go uratujemy, nic nie
zobaczymy.
Cóż, powiedziałem, że nawigator losowania zarządza całą logiką otwierania końcówek,
czego nie robi dla nas automatycznie, jest ikona menu, więc nie pokazuje nam przycisku hamburgera.
To jest coś, co musimy zrobić i możemy zdecydować, na których ekranach to pokazać.
I oczywiście byłby to ekran kategorii, ponieważ jest to ekran główny dla karty posiłków
i ekran ulubionych, ponieważ jest to ekran główny dla jego karty ulubionych.
Więc na tych dwóch ekranach chcę dodać tę ikonę menu i dodam ją do moich opcji nawigacyjnych, jak
się dowiedziałeś, ponieważ tam chcę ją dodać za pomocą lewego nagłówka.
Wcześniej używaliśmy prawa do dodawania akcji do paska nawigacyjnego do nagłówka, ale ten przycisk menu zwykle znajduje się
po lewej stronie, aby dodać tutaj.
W tym celu użyję przycisków nagłówka.
Więc zaimportujemy z reagujących przycisków nawigacyjnych.
Z tego pakietu, z którego korzystaliśmy wcześniej, zaimportuję przyciski nagłówka, a także wyszczególnię to, z czego wszyscy korzystaliśmy wcześniej,
a także zaimportuję niestandardowy przycisk nagłówka.
Więc przycisk nagłówka z przycisku nagłówka komponentów, więc ten sam wzór, którego użyliśmy wcześniej do dodania tej gwiazdy, którą
rzeczywiście mogę wykonać pasek akcji.
Teraz zrobię to tutaj dla ikony menu dla przycisku menu i dlatego
możemy teraz zejść w lewo, a ich przyciski nagłówka reklamy w tym roku jako składnik ustawiają składnik przycisku nagłówka na nasz składnik przycisku nagłówka.
Importujemy z własnego niestandardowego komponentu i dodajemy tam element, który pozwala nam zdefiniować
tytuł, który powinien być menu, a następnie, co bardzo ważne, mogę nazwać.
I tam możesz użyć menu IOW.
Nawiasem mówiąc, zawsze możesz użyć interfejsu API platformy, aby użyć innej ikony dla
Androida i ISIS, jeśli chcesz.
I na koniec, ale wszystkie dodawane naciśnięcia, aby zrobić coś po naciśnięciu martwych przycisków.
A teraz powinno to renderować ładnie wyglądający przycisk menu na tym ekranie i rzeczywiście widzimy to tutaj na
nas.
Widzimy to także na Androidzie.
Teraz znowu, jeśli chcesz inną ikonę na Androidzie, która bardziej przypomina typowe ikony Androida.
To samo dotyczy kranów, ponieważ możesz użyć interfejsu API platformy, aby wyświetlić tam inną ikonę,
aby zaoszczędzić trochę czasu. Użyję tych samych ikon.
Tak właśnie wyświetlamy ikonę.
Jak teraz dobrze otworzyliśmy losowanie, potrzebujemy dostępu do rekwizytu nawigacyjnego i nie mamy
tego dostępu w takich opcjach nawigacyjnych.
Ale oczywiście wcześniej dowiedzieliśmy się, że możesz użyć formularza funkcji tutaj, aby uzyskać dane nawigacyjne.
W tej funkcji możesz powiedzieć, że musisz zwrócić obiekt konfiguracyjny.
Więc tutaj musisz w końcu zwrócić obiekt.
A teraz dane nawigacyjne mają taki rekwizyt nawigacyjny.
Więc teraz w prasie możemy powiedzieć, że nawigacja kropka nawigacyjna tata będzie teraz dostępny, który
zapewnia nawigacja reagująca, która wykonuje tę funkcję do końca.
I tam będziesz miał metodę losowego przełączania.
Miałbyś również otwarte losowanie, jeśli wiesz, że chcesz je otworzyć, ale przełączanie losowania otworzy je, jeśli jest zamknięte,
i zamknij, jeśli jest otwarte.
Więc tutaj musisz przełączyć rysowanie i myślnik powinien otworzyć menu boczne.
Jeśli więc zapiszemy to teraz, rzeczywiście szuflada się otwiera, możemy popracować nad stylizacją i tekstem,
który widzimy tutaj za sekundę, ale w ten sposób możesz teraz otworzyć tę szufladę, zanim zadbamy o to, jak to wygląda.
Upewnijmy się, że musimy powiedzieć jednego faworyta.
I oczywiście możesz tutaj zdeponować film i zrobić to sam, ponieważ kroki będą takie
same jak w przypadku kategorii posiłków tutaj.
To dobra praktyka do zaoferowania, ale po tej krótkiej przerwie musisz przekazać ten film, zrobimy
to razem, więc udało ci się.
Zróbmy to razem, a na koniec wszystko sprowadza się do skopiowania tej konfiguracji tutaj ekranu ulubionych 2D, więc skopiuję
całą konfigurację opcji nawigacji z ekranu kategorii na ekran ulubionych i zastąpię moją opcję
nawigacji sterowaniem nią, co oznacza, że ja muszę zmienić tutaj nazwę
na ulubiony ekran i tutaj zmienić tytuł z powrotem na ulubione, ale teraz mam już tę
funkcję tworzenia dynamicznych opcji nawigacji, w której muszę przełączać rysować tutaj ikonę I, kiedy używa tego
samego, musimy tylko zrobić na pewno zaimportujemy wszystkie rzeczy, które musimy zaimportować, a
dla taty możemy pobrać import tutaj z ekranu kategorii, a także z pakietu React Navigation lub pakietu przycisków.
I z naszego własnego przycisku nagłówka.
Chwyć to i dodaj tutaj na ulubionym ekranie teraz z tatą, jeśli zapisaliśmy, ponieważ wszystko powinno być teraz na ulubionym
ekranie, który również musimy narysować i możesz go tam otworzyć, a my nie możemy go po
prostu otworzyć, jeśli klikniemy na rola filtrów do wzięcia na ekran filtra, teraz
po prostu nie mamy odwrotu, ale to jest coś, co wszyscy możemy od razu naprawić
ze względu na ekran filtra Po prostu chcę po prostu mieć remis u góry, więc na filtruj ekran Dodam również mój import tutaj Przyciski nagłówka Bata
kończą się, a następnie wszystkie opcje dodawania według nawigacji tutaj.
Skopiuj więc opcje nawigacji z ulubionego ekranu do tej dynamicznej funkcji i dodaj ją
do ekranu filtrów i zastąp oczywiście opcję nawigacji schodami, dlatego w tym roku
wróciłem do ekranu filtrów i zmieniłem tytuł z powrotem na filtry posiłków lub cokolwiek chcesz tutaj i dlatego
powinniśmy również narysować ekran filtra, co pozwala nam wrócić do naszych posiłków, teraz brakuje jednak
kilku rzeczy.
Na przykład na ekranie filtra nagłówek wygląda zupełnie inaczej, dlatego tutaj na
Androidzie nie widzę nawet mojego przycisku, ponieważ jest biały, tekst tutaj nie jest tekstem,
który chcę wyświetlić. Chcę również użyć różnych kolorów, może innej czcionki, więc pozostało jeszcze wiele do zrobienia, ale dodano podstawową
funkcjonalność rysowania i, jak widać, przy bardzo małym wysiłku.
Zajmijmy się teraz stylizowaniem losowania i ekranu filtrów.