1 00:00:02,170 --> 00:00:04,210 Pracujemy więc z nawigatorem stosów. 2 00:00:04,210 --> 00:00:06,080 A co z losowaniem. 3 00:00:06,100 --> 00:00:08,950 Logika jest dokładnie taka sama. 4 00:00:08,950 --> 00:00:18,780 Tworzymy nasz nawigator rysowania w sklepie przez wywołanie funkcji Utwórz nawigator rysowania i podobnie jak nawigator stosu. 5 00:00:18,780 --> 00:00:21,470 Ta funkcja nie chce argumentu. 6 00:00:21,480 --> 00:00:28,980 Zamiast tego skonfigurujemy nawigację podczas rysowania w podejściu opartym na komponentach. Tato utworzę tutaj nawigator sklepu, 7 00:00:28,980 --> 00:00:31,500 a to będzie komponent reagujący. 8 00:00:31,500 --> 00:00:33,850 Znowu możesz mieć to w osobnym pliku. 9 00:00:33,870 --> 00:00:42,210 Zachowam to wszystko w jednym pliku, aby mieć go obok starego kodu, a my wrócimy nawigator rysowania 10 00:00:42,210 --> 00:00:44,160 sklepu kropka nawigator. 11 00:00:44,160 --> 00:00:48,170 Taka sama logika jak wcześniej Nie ma znaczenia, że to remis. 12 00:00:48,210 --> 00:00:53,460 I tam mamy teraz dwa różne ekrany, które można załadować, a nawigator automatycznie 13 00:00:53,460 --> 00:00:59,880 zareaguje, aby nawigator został utworzony, abyśmy mogli go otworzyć za pomocą dokładnie tego samego kodu, którego 14 00:00:59,880 --> 00:01:03,360 użyliśmy wcześniej, i nie będzie musiał go dostosowywać. 15 00:01:03,360 --> 00:01:10,920 Mamy więc teraz ekran kropki nawigatora i sprawiedliwość, zanim nadamy temu ekranowi nazwę. 16 00:01:10,920 --> 00:01:13,190 Tutaj mamy na przykład dwa produkty. 17 00:01:13,440 --> 00:01:17,580 Ta nazwa zostanie następnie automatycznie użyta w nawigatorze do rysowania. 18 00:01:17,580 --> 00:01:24,110 Chociaż możesz to wszystko zastąpić, jeśli chcesz, a my potrzebujemy komponentu, który zostanie załadowany, gdy 19 00:01:24,110 --> 00:01:26,450 klikniemy ten link w nawigatorze. 20 00:01:26,450 --> 00:01:29,270 A tu wciąż jest Nawigator produktu. 21 00:01:29,330 --> 00:01:36,660 Tak jak poprzednio, możemy korzystać z naszych nawigatorów stosu, mimo że teraz używają tego podejścia opartego na 22 00:01:36,660 --> 00:01:43,770 komponentach jako komponentów, które powinny zostać utworzone jako część innego nawigatora w tym przypadku jako część 23 00:01:43,770 --> 00:01:44,920 nawigatora rysowania. 24 00:01:44,940 --> 00:01:51,380 Nadal możemy wskazywać na nasze nawigatory stosów jako komponenty, ponieważ są one komponentami w tym roku. 25 00:01:51,390 --> 00:01:55,710 Jest to element i to samo dotyczy wszystkich naszych nawigatorów. 26 00:01:55,710 --> 00:02:02,130 Tworzymy tutaj, ponieważ wszystkie reagują na komponenty, które zawierają określone elementy logiki nawigacji, a ogólne 27 00:02:03,130 --> 00:02:09,670 komponenty, takie jak nawigator produktów, mogą być używane w nawigatorze do rysowania, więc powtórzę to 28 00:02:09,670 --> 00:02:18,940 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ę, 29 00:02:19,450 --> 00:02:25,870 że nie ma błędów w swoich nazwach, ponieważ używamy ich w całej aplikacji i 30 00:02:25,870 --> 00:02:28,820 nie trzeba będzie dostosowywać tej logiki. 31 00:02:28,840 --> 00:02:34,080 Więc jeśli zepsujesz tutaj nazwy, inne części aplikacji nie będą działać OK. 32 00:02:34,120 --> 00:02:39,710 Więc teraz mamy skonfigurowanego nawigatora rysowania, a teraz co z konfiguracją. 33 00:02:39,730 --> 00:02:42,030 Teraz musimy wziąć pod uwagę dwie rzeczy. 34 00:02:42,100 --> 00:02:46,560 Po pierwsze musimy tutaj skonfigurować zawartość do losowania. 35 00:02:46,570 --> 00:02:52,660 Po drugie, chcemy skonfigurować nasze różne ekrany, takie jak nawigator produktu lub nawigator zamówienia, 36 00:02:52,750 --> 00:02:55,510 aby mieć własne ikony w szufladzie. 37 00:02:55,510 --> 00:02:57,100 Zacznijmy od ikon. 38 00:02:57,160 --> 00:03:02,230 Wcześniej ustawiliśmy, że mogę bezpośrednio w konfiguracji Nawigatora stosu, którego chcieliśmy 39 00:03:02,230 --> 00:03:06,930 użyć w losowaniu teraz z podejściem opartym na komponentach. 40 00:03:06,930 --> 00:03:08,420 Już tego nie robimy. 41 00:03:08,430 --> 00:03:17,450 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 42 00:03:17,450 --> 00:03:21,440 nawigatorze stosu i schodzimy do naszego losowania. 43 00:03:21,510 --> 00:03:23,870 A teraz tutaj na tym ekranie, do którego należy. 44 00:03:23,870 --> 00:03:26,180 Więc w tym przypadku należy do administratora Navigatora. 45 00:03:26,180 --> 00:03:34,630 Więc tutaj na ekranie administratora ponownie przekazujemy nasze opcje, tak jak zrobiliśmy sekundę, kiedy idę na stosie Nawigatora. 46 00:03:34,790 --> 00:03:42,230 Więc tutaj przekazujemy teraz opcje dla tego ekranu i może to być normalny komponent lub jak w tym przypadku jest 47 00:03:42,230 --> 00:03:48,760 to komponent z naszą logiką nawigacji stosu i dwiema opcjami przekazujemy obiekt i tam możemy ponownie użyć 48 00:03:48,770 --> 00:03:51,170 tego obiektu, którego wcześniej używaliśmy. 49 00:03:51,200 --> 00:03:56,060 Tak więc obiekt z rysunkiem mogę wpisać tam, gdzie mamy na to oko, i tak dalej. 50 00:03:56,060 --> 00:04:04,140 To wszystko działa sprawiedliwie przed jedną drobną korektą, ale teraz mamy tutaj rekwizyty, a także karmione przez reagującą 51 00:04:04,140 --> 00:04:12,660 nawigację, a te rekwizyty będą miały kolorowy klucz zamiast konfiguracji rysowania aktywny kolor odcienia i kolor zawsze będzie odpowiedni 52 00:04:12,800 --> 00:04:18,470 kolor, ponieważ reaguj nawigacja za sceny kontrolują, gdzie to robi do aktualnie 53 00:04:18,480 --> 00:04:24,200 aktywnego ekranu, czy też nie, i dostosują wartości zapisane w tym rekwizycie kolorowym. 54 00:04:24,240 --> 00:04:26,920 Podkreśliłem już znany podświetlony kolor. 55 00:04:27,000 --> 00:04:33,250 To drobna korekta, którą musimy tu dobrze wprowadzić i dzięki temu możemy skopiować 56 00:04:33,250 --> 00:04:39,250 logikę z innych nawigatorów, a także z nawigatora zamówienia, weźmy tutaj 57 00:04:39,250 --> 00:04:48,100 ten obiekt, który mieliśmy, a jego opcje nawigacji zejdą do losowania zamówień screen dodaj klucz opcji pass i 58 00:04:48,100 --> 00:04:57,170 jest obiektem i komentuj, że wrócił i ważne, teraz otrzymujemy rekwizyty, które będą miały taki kolorowy klucz tak samo 59 00:04:57,380 --> 00:05:03,470 i na koniec, oczywiście, zróbmy to również dla ekranu produktów w nawigatorze produktów. 60 00:05:03,470 --> 00:05:09,200 Tutaj mamy ten obiekt, chwyćmy go, zejdźmy do naszego narysowania 61 00:05:12,050 --> 00:05:18,440 naszego nawigatora, a tutaj jest ekran produktu, w którym ustawiono klawisz opcji. 62 00:05:18,570 --> 00:05:23,520 Podałem go i poprawiłem, jak właśnie to pokazałem. 63 00:05:23,520 --> 00:05:27,840 Teraz mamy tutaj konfigurację dostosowaną do ekranu. 64 00:05:27,840 --> 00:05:35,700 Można teraz powiedzieć, co z ogólnym losowaniem, ponieważ wcześniej w aplikacji ze starą 65 00:05:35,740 --> 00:05:45,450 nawigacją reagującą, w której faktycznie mieliśmy nasze losowanie i konfigurujemy aktywny kolor odcienia, a także zawartość 66 00:05:45,450 --> 00:05:46,640 losowania. 67 00:05:46,680 --> 00:05:50,160 Nadal możesz to zrobić dzięki temu nowemu podejściu. 68 00:05:50,340 --> 00:05:58,640 Przechodzimy do naszego nawigatora losowania, więc gdzie konfigurujemy ogólnego nawigatora i konfigurujemy go za pomocą rekwizytów, tak jak 69 00:05:58,640 --> 00:05:59,310 poprzednio. 70 00:05:59,340 --> 00:06:06,030 Chodzi o komponenty i rekwizyty, więc tutaj mamy teraz inną nazwę, zamiast 71 00:06:06,030 --> 00:06:09,960 tego mamy opcje treści i komponent treści. 72 00:06:10,020 --> 00:06:11,910 I można to znaleźć w oficjalnych dokumentach. 73 00:06:11,970 --> 00:06:17,190 Mamy teraz opcje rysowania i rysowania treści. 74 00:06:17,190 --> 00:06:20,540 Jednak wartości są dokładnie takie same na końcu. 75 00:06:20,700 --> 00:06:24,750 Więc możemy pobrać nasz obiekt opcji treści 76 00:06:28,600 --> 00:06:37,820 tutaj i w przeszłości, aby narysować tutaj opcje treści i komentować to w i do przodu, aby narysować treść. 77 00:06:37,900 --> 00:06:40,180 Jest prawie tak samo. 78 00:06:40,180 --> 00:06:42,760 Po prostu zawijamy ten 79 00:06:51,270 --> 00:06:52,880 element tutaj. 80 00:06:53,010 --> 00:06:53,970 Skopiuj 81 00:06:57,260 --> 00:07:03,070 to i przekaż to tutaj, aby narysować treść i skomentuj to. 82 00:07:03,080 --> 00:07:07,400 Jednak teraz dwie ważne rzeczy używające tej poprawki nie są tutaj dozwolone. 83 00:07:07,400 --> 00:07:09,490 Powinieneś to zrobić poza tym miejscem. 84 00:07:09,500 --> 00:07:15,980 Na przykład tutaj w sklepie nawigator skinął głową na zagnieżdżony komponent. 85 00:07:15,980 --> 00:07:27,910 Poza tym nie rysuje już przedmiotów, lecz losuje listę przedmiotów, które musimy zaimportować na górze 86 00:07:32,940 --> 00:07:35,730 z reaktywacji losowania. 87 00:07:35,730 --> 00:07:37,890 Więc tutaj importujemy z nim listę elementów do 88 00:07:40,580 --> 00:07:41,030 rysowania. 89 00:07:41,030 --> 00:07:49,630 Jednak jeśli przewiń w dół, powinno to teraz działać ponownie i to powinien być nasz roboczy 90 00:07:49,630 --> 00:07:56,830 remis, więc mamy nawigator sklepu, mamy wszystkie te nawigatory stosu, co pozostało, to przełącznik 91 00:07:56,830 --> 00:08:05,440 Navigator, który zasadniczo wyświetla nasz ekran startowy lub ciebie ekran lub ekran sklepu albo zrób stosy 92 00:08:05,440 --> 00:08:07,450 nawigacji, które powiem. 93 00:08:07,750 --> 00:08:09,940 Cóż, nad tym będziemy dalej pracować.