Pracujemy więc z nawigatorem stosów.
A co z losowaniem.
Logika jest dokładnie taka sama.
Tworzymy nasz nawigator rysowania w sklepie przez wywołanie funkcji Utwórz nawigator rysowania i podobnie jak nawigator stosu.
Ta funkcja nie chce argumentu.
Zamiast tego skonfigurujemy nawigację podczas rysowania w podejściu opartym na komponentach. Tato utworzę tutaj nawigator sklepu,
a to będzie komponent reagujący.
Znowu możesz mieć to w osobnym pliku.
Zachowam to wszystko w jednym pliku, aby mieć go obok starego kodu, a my wrócimy nawigator rysowania
sklepu kropka nawigator.
Taka sama logika jak wcześniej Nie ma znaczenia, że to remis.
I tam mamy teraz dwa różne ekrany, które można załadować, a nawigator automatycznie
zareaguje, aby nawigator został utworzony, abyśmy mogli go otworzyć za pomocą dokładnie tego samego kodu, którego
użyliśmy wcześniej, i nie będzie musiał go dostosowywać.
Mamy więc teraz ekran kropki nawigatora i sprawiedliwość, zanim nadamy temu ekranowi nazwę.
Tutaj mamy na przykład dwa produkty.
Ta nazwa zostanie następnie automatycznie użyta w nawigatorze do rysowania.
Chociaż możesz to wszystko zastąpić, jeśli chcesz, a my potrzebujemy komponentu, który zostanie załadowany, gdy
klikniemy ten link w nawigatorze.
A tu wciąż jest Nawigator produktu.
Tak jak poprzednio, możemy korzystać z naszych nawigatorów stosu, mimo że teraz używają tego podejścia opartego na
komponentach jako komponentów, które powinny zostać utworzone jako część innego nawigatora w tym przypadku jako część
nawigatora rysowania.
Nadal możemy wskazywać na nasze nawigatory stosów jako komponenty, ponieważ są one komponentami w tym roku.
Jest to element i to samo dotyczy wszystkich naszych nawigatorów.
Tworzymy tutaj, ponieważ wszystkie reagują na komponenty, które zawierają określone elementy logiki nawigacji, a ogólne
komponenty, takie jak nawigator produktów, mogą być używane w nawigatorze do rysowania, więc powtórzę to
dwa razy, abyśmy mogli również dodać tutaj nasze zamówienia z nawigator zamówień i administrator tutaj z administratorem nawigatora i upewnij się,
że nie ma błędów w swoich nazwach, ponieważ używamy ich w całej aplikacji i
nie trzeba będzie dostosowywać tej logiki.
Więc jeśli zepsujesz tutaj nazwy, inne części aplikacji nie będą działać OK.
Więc teraz mamy skonfigurowanego nawigatora rysowania, a teraz co z konfiguracją.
Teraz musimy wziąć pod uwagę dwie rzeczy.
Po pierwsze musimy tutaj skonfigurować zawartość do losowania.
Po drugie, chcemy skonfigurować nasze różne ekrany, takie jak nawigator produktu lub nawigator zamówienia,
aby mieć własne ikony w szufladzie.
Zacznijmy od ikon.
Wcześniej ustawiliśmy, że mogę bezpośrednio w konfiguracji Nawigatora stosu, którego chcieliśmy
użyć w losowaniu teraz z podejściem opartym na komponentach.
Już tego nie robimy.
Zamiast tego możemy po prostu chwycić tę część tutaj, w rzeczywistości jesteśmy całym tym obiektem, który wcześniej ustawiliśmy w
nawigatorze stosu i schodzimy do naszego losowania.
A teraz tutaj na tym ekranie, do którego należy.
Więc w tym przypadku należy do administratora Navigatora.
Więc tutaj na ekranie administratora ponownie przekazujemy nasze opcje, tak jak zrobiliśmy sekundę, kiedy idę na stosie Nawigatora.
Więc tutaj przekazujemy teraz opcje dla tego ekranu i może to być normalny komponent lub jak w tym przypadku jest
to komponent z naszą logiką nawigacji stosu i dwiema opcjami przekazujemy obiekt i tam możemy ponownie użyć
tego obiektu, którego wcześniej używaliśmy.
Tak więc obiekt z rysunkiem mogę wpisać tam, gdzie mamy na to oko, i tak dalej.
To wszystko działa sprawiedliwie przed jedną drobną korektą, ale teraz mamy tutaj rekwizyty, a także karmione przez reagującą
nawigację, a te rekwizyty będą miały kolorowy klucz zamiast konfiguracji rysowania aktywny kolor odcienia i kolor zawsze będzie odpowiedni
kolor, ponieważ reaguj nawigacja za sceny kontrolują, gdzie to robi do aktualnie
aktywnego ekranu, czy też nie, i dostosują wartości zapisane w tym rekwizycie kolorowym.
Podkreśliłem już znany podświetlony kolor.
To drobna korekta, którą musimy tu dobrze wprowadzić i dzięki temu możemy skopiować
logikę z innych nawigatorów, a także z nawigatora zamówienia, weźmy tutaj
ten obiekt, który mieliśmy, a jego opcje nawigacji zejdą do losowania zamówień screen dodaj klucz opcji pass i
jest obiektem i komentuj, że wrócił i ważne, teraz otrzymujemy rekwizyty, które będą miały taki kolorowy klucz tak samo
i na koniec, oczywiście, zróbmy to również dla ekranu produktów w nawigatorze produktów.
Tutaj mamy ten obiekt, chwyćmy go, zejdźmy do naszego narysowania
naszego nawigatora, a tutaj jest ekran produktu, w którym ustawiono klawisz opcji.
Podałem go i poprawiłem, jak właśnie to pokazałem.
Teraz mamy tutaj konfigurację dostosowaną do ekranu.
Można teraz powiedzieć, co z ogólnym losowaniem, ponieważ wcześniej w aplikacji ze starą
nawigacją reagującą, w której faktycznie mieliśmy nasze losowanie i konfigurujemy aktywny kolor odcienia, a także zawartość
losowania.
Nadal możesz to zrobić dzięki temu nowemu podejściu.
Przechodzimy do naszego nawigatora losowania, więc gdzie konfigurujemy ogólnego nawigatora i konfigurujemy go za pomocą rekwizytów, tak jak
poprzednio.
Chodzi o komponenty i rekwizyty, więc tutaj mamy teraz inną nazwę, zamiast
tego mamy opcje treści i komponent treści.
I można to znaleźć w oficjalnych dokumentach.
Mamy teraz opcje rysowania i rysowania treści.
Jednak wartości są dokładnie takie same na końcu.
Więc możemy pobrać nasz obiekt opcji treści
tutaj i w przeszłości, aby narysować tutaj opcje treści i komentować to w i do przodu, aby narysować treść.
Jest prawie tak samo.
Po prostu zawijamy ten
element tutaj.
Skopiuj
to i przekaż to tutaj, aby narysować treść i skomentuj to.
Jednak teraz dwie ważne rzeczy używające tej poprawki nie są tutaj dozwolone.
Powinieneś to zrobić poza tym miejscem.
Na przykład tutaj w sklepie nawigator skinął głową na zagnieżdżony komponent.
Poza tym nie rysuje już przedmiotów, lecz losuje listę przedmiotów, które musimy zaimportować na górze
z reaktywacji losowania.
Więc tutaj importujemy z nim listę elementów do
rysowania.
Jednak jeśli przewiń w dół, powinno to teraz działać ponownie i to powinien być nasz roboczy
remis, więc mamy nawigator sklepu, mamy wszystkie te nawigatory stosu, co pozostało, to przełącznik
Navigator, który zasadniczo wyświetla nasz ekran startowy lub ciebie ekran lub ekran sklepu albo zrób stosy
nawigacji, które powiem.
Cóż, nad tym będziemy dalej pracować.