1
00:00:02,940 --> 00:00:09,450
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

2
00:00:10,170 --> 00:00:16,000
nawigację, jak w przypadku Taty, a także z nawigacji reagującej, którą możesz zaimportować, stworzyć remis i

3
00:00:16,000 --> 00:00:18,740
Navigator, który robi to, jak to brzmi.

4
00:00:18,750 --> 00:00:24,690
Ułatwia nam tworzenie tego schematu nawigacji opartego na losowaniu i daje nam taki los i

5
00:00:24,750 --> 00:00:30,870
całą funkcjonalność, której potrzebujemy do kontrolowania słomy po wyjęciu z pudełka, co jest oczywiście bardzo wygodne.

6
00:00:30,930 --> 00:00:35,060
Więc po prostu tworzymy nowy nawigator i zrobię to na dole tego pliku.

7
00:00:35,490 --> 00:00:40,860
I tylko krótka uwaga, oczywiście, możesz podzielić to na wiele plików i mieć każdego nawigatora

8
00:00:40,890 --> 00:00:46,550
we własnym pliku, a następnie scalić je w jeden plik, importując je do jednego pliku centralnego.

9
00:00:46,560 --> 00:00:48,120
To jest coś, co możesz zrobić.

10
00:00:48,120 --> 00:00:51,430
Dla tego samouczka łatwiej mi było przechowywać wszystko w jednym pliku.

11
00:00:51,560 --> 00:00:56,070
Zbyt duży plik, ale zdecydowanie można to podzielić.

12
00:00:56,340 --> 00:01:01,410
Stworzę tutaj mój nawigator rysowania na dole tego pliku i wszystkie zapisane w tej stałej o nazwie

13
00:01:01,770 --> 00:01:04,380
Główny nawigator, ponieważ w końcu to jest to.

14
00:01:04,380 --> 00:01:10,470
To będzie nasz główny nawigator na końcu, ponieważ zakładka będzie znajdować się w losowaniu, a nawigator na końcu

15
00:01:10,470 --> 00:01:11,880
nasze haps tutaj.

16
00:01:11,970 --> 00:01:13,190
Tak na obu kartach.

17
00:01:13,200 --> 00:01:19,530
Mamy dostęp do tego losowania bocznego i decyzja o losowaniu pozwala nam przejść do zupełnie nowego ekranu, który nie

18
00:01:19,530 --> 00:01:20,880
będzie częścią naszych dotknięć.

19
00:01:20,910 --> 00:01:25,890
Nawigator rysowania znajduje się więc nad nawigatorem kart w hierarchii.

20
00:01:26,130 --> 00:01:28,680
Jak więc skonfigurować taki nawigator losowania.

21
00:01:28,830 --> 00:01:32,070
Zasadniczo tak, jak to zrobiliśmy, zanim przyjmie dwa argumenty.

22
00:01:32,070 --> 00:01:37,950
Pierwszym argumentem jest obiekt, w którym konfigurujemy ekrany dla sprawiedliwości nawigatora niszczyciela, zanim będziemy

23
00:01:37,950 --> 00:01:46,350
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

24
00:01:46,350 --> 00:01:47,570
chcesz mieć.

25
00:01:47,850 --> 00:01:54,780
I tutaj chcę jeszcze wskazać nawigator karty moich ojców posiłków, ponieważ to właśnie tam chcę załadować, a

26
00:01:54,780 --> 00:02:02,460
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

27
00:02:02,460 --> 00:02:08,550
nie korzystaliśmy wcześniej, ponieważ nadszedł czas, aby zabłysnąć i właściwie wszystko jest owinięte jak w

28
00:02:08,550 --> 00:02:11,130
nawigator stosu, nawet jeśli będzie pusty.

29
00:02:11,130 --> 00:02:13,850
Czy otrzymaliśmy również nagłówek.

30
00:02:14,130 --> 00:02:20,370
Dodam tutaj kolejny nawigator stosów z funkcją Utwórz nawigator stosów.

31
00:02:20,370 --> 00:02:22,130
To bardzo prosty stos.

32
00:02:22,290 --> 00:02:26,670
Będzie miał tylko jeden ekran i będzie to ekran filtrów, który musiałby zatem zaimportować

33
00:02:26,670 --> 00:02:29,190
tutaj u góry, ponieważ jeszcze tego nie robimy.

34
00:02:29,340 --> 00:02:38,670
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

35
00:02:38,720 --> 00:02:47,600
tutaj, ale tutaj w nawigatorze stosów i nazwany to navigator filtrów czytaj coś takiego, a teraz to ten Navigator

36
00:02:47,600 --> 00:02:54,450
filtrów może mapować na filtry w mój nawigator szufladowy i ja używam tu tylko nawigatora

37
00:02:54,450 --> 00:02:59,790
stosów, więc mają tam również nagłówek i bez żadnego innego powodu

38
00:02:59,790 --> 00:03:04,260
teraz na ekranie filtra będą oczywiście działać nad tym

39
00:03:04,260 --> 00:03:12,810
za sekundę, ale jest jedna rzecz, którą chcę zrobić od razu. dodam moje opcje nawigacji, a tam dodam

40
00:03:15,280 --> 00:03:24,840
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

41
00:03:24,840 --> 00:03:31,050
przypisujemy nawigator filtrów nawigator stosu do naszego nawigatora losowania a teraz musimy po

42
00:03:31,050 --> 00:03:40,270
prostu użyć głównego nawigatora tutaj w naszym kontenerze aplikacji, aby zacząć od długu, a teraz, jeśli go uratujemy, nic nie

43
00:03:40,270 --> 00:03:41,350
zobaczymy.

44
00:03:41,350 --> 00:03:47,380
Cóż, powiedziałem, że nawigator losowania zarządza całą logiką otwierania końcówek,

45
00:03:47,380 --> 00:03:56,020
czego nie robi dla nas automatycznie, jest ikona menu, więc nie pokazuje nam przycisku hamburgera.

46
00:03:56,020 --> 00:03:59,710
To jest coś, co musimy zrobić i możemy zdecydować, na których ekranach to pokazać.

47
00:03:59,710 --> 00:04:04,600
I oczywiście byłby to ekran kategorii, ponieważ jest to ekran główny dla karty posiłków

48
00:04:04,600 --> 00:04:09,320
i ekran ulubionych, ponieważ jest to ekran główny dla jego karty ulubionych.

49
00:04:09,340 --> 00:04:15,880
Więc na tych dwóch ekranach chcę dodać tę ikonę menu i dodam ją do moich opcji nawigacyjnych, jak

50
00:04:15,910 --> 00:04:20,390
się dowiedziałeś, ponieważ tam chcę ją dodać za pomocą lewego nagłówka.

51
00:04:20,410 --> 00:04:26,620
Wcześniej używaliśmy prawa do dodawania akcji do paska nawigacyjnego do nagłówka, ale ten przycisk menu zwykle znajduje się

52
00:04:26,620 --> 00:04:29,070
po lewej stronie, aby dodać tutaj.

53
00:04:29,350 --> 00:04:32,810
W tym celu użyję przycisków nagłówka.

54
00:04:32,920 --> 00:04:37,480
Więc zaimportujemy z reagujących przycisków nawigacyjnych.

55
00:04:37,480 --> 00:04:44,970
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,

56
00:04:47,490 --> 00:04:50,280
a także zaimportuję niestandardowy przycisk nagłówka.

57
00:04:50,280 --> 00:04:57,660
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ą

58
00:04:57,690 --> 00:04:59,730
rzeczywiście mogę wykonać pasek akcji.

59
00:04:59,730 --> 00:05:06,330
Teraz zrobię to tutaj dla ikony menu dla przycisku menu i dlatego

60
00:05:06,360 --> 00:05:18,500
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.

61
00:05:18,510 --> 00:05:23,610
Importujemy z własnego niestandardowego komponentu i dodajemy tam element, który pozwala nam zdefiniować

62
00:05:23,610 --> 00:05:28,420
tytuł, który powinien być menu, a następnie, co bardzo ważne, mogę nazwać.

63
00:05:28,560 --> 00:05:31,560
I tam możesz użyć menu IOW.

64
00:05:31,560 --> 00:05:36,570
Nawiasem mówiąc, zawsze możesz użyć interfejsu API platformy, aby użyć innej ikony dla

65
00:05:36,570 --> 00:05:38,640
Androida i ISIS, jeśli chcesz.

66
00:05:38,640 --> 00:05:44,910
I na koniec, ale wszystkie dodawane naciśnięcia, aby zrobić coś po naciśnięciu martwych przycisków.

67
00:05:44,910 --> 00:05:52,200
A teraz powinno to renderować ładnie wyglądający przycisk menu na tym ekranie i rzeczywiście widzimy to tutaj na

68
00:05:52,830 --> 00:05:53,600
nas.

69
00:05:53,640 --> 00:05:55,730
Widzimy to także na Androidzie.

70
00:05:55,740 --> 00:06:00,040
Teraz znowu, jeśli chcesz inną ikonę na Androidzie, która bardziej przypomina typowe ikony Androida.

71
00:06:00,090 --> 00:06:05,550
To samo dotyczy kranów, ponieważ możesz użyć interfejsu API platformy, aby wyświetlić tam inną ikonę,

72
00:06:06,350 --> 00:06:09,680
aby zaoszczędzić trochę czasu. Użyję tych samych ikon.

73
00:06:09,720 --> 00:06:11,910
Tak właśnie wyświetlamy ikonę.

74
00:06:11,910 --> 00:06:18,360
Jak teraz dobrze otworzyliśmy losowanie, potrzebujemy dostępu do rekwizytu nawigacyjnego i nie mamy

75
00:06:18,360 --> 00:06:21,420
tego dostępu w takich opcjach nawigacyjnych.

76
00:06:21,420 --> 00:06:27,680
Ale oczywiście wcześniej dowiedzieliśmy się, że możesz użyć formularza funkcji tutaj, aby uzyskać dane nawigacyjne.

77
00:06:27,690 --> 00:06:33,180
W tej funkcji możesz powiedzieć, że musisz zwrócić obiekt konfiguracyjny.

78
00:06:33,180 --> 00:06:36,720
Więc tutaj musisz w końcu zwrócić obiekt.

79
00:06:36,930 --> 00:06:40,170
A teraz dane nawigacyjne mają taki rekwizyt nawigacyjny.

80
00:06:40,170 --> 00:06:46,380
Więc teraz w prasie możemy powiedzieć, że nawigacja kropka nawigacyjna tata będzie teraz dostępny, który

81
00:06:46,380 --> 00:06:50,350
zapewnia nawigacja reagująca, która wykonuje tę funkcję do końca.

82
00:06:50,550 --> 00:06:54,030
I tam będziesz miał metodę losowego przełączania.

83
00:06:54,030 --> 00:06:59,850
Miałbyś również otwarte losowanie, jeśli wiesz, że chcesz je otworzyć, ale przełączanie losowania otworzy je, jeśli jest zamknięte,

84
00:06:59,850 --> 00:07:01,890
i zamknij, jeśli jest otwarte.

85
00:07:01,890 --> 00:07:06,440
Więc tutaj musisz przełączyć rysowanie i myślnik powinien otworzyć menu boczne.

86
00:07:06,440 --> 00:07:12,570
Jeśli więc zapiszemy to teraz, rzeczywiście szuflada się otwiera, możemy popracować nad stylizacją i tekstem,

87
00:07:12,570 --> 00:07:20,890
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.

88
00:07:20,930 --> 00:07:22,690
Upewnijmy się, że musimy powiedzieć jednego faworyta.

89
00:07:22,700 --> 00:07:27,050
I oczywiście możesz tutaj zdeponować film i zrobić to sam, ponieważ kroki będą takie

90
00:07:27,050 --> 00:07:29,570
same jak w przypadku kategorii posiłków tutaj.

91
00:07:29,570 --> 00:07:34,430
To dobra praktyka do zaoferowania, ale po tej krótkiej przerwie musisz przekazać ten film, zrobimy

92
00:07:36,210 --> 00:07:38,520
to razem, więc udało ci się.

93
00:07:38,520 --> 00:07:46,400
Zróbmy to razem, a na koniec wszystko sprowadza się do skopiowania tej konfiguracji tutaj ekranu ulubionych 2D, więc skopiuję

94
00:07:47,060 --> 00:07:53,210
całą konfigurację opcji nawigacji z ekranu kategorii na ekran ulubionych i zastąpię moją opcję

95
00:07:53,660 --> 00:07:58,760
nawigacji sterowaniem nią, co oznacza, że ja muszę zmienić tutaj nazwę

96
00:07:58,760 --> 00:08:05,450
na ulubiony ekran i tutaj zmienić tytuł z powrotem na ulubione, ale teraz mam już tę

97
00:08:05,450 --> 00:08:12,130
funkcję tworzenia dynamicznych opcji nawigacji, w której muszę przełączać rysować tutaj ikonę I, kiedy używa tego

98
00:08:12,170 --> 00:08:17,720
samego, musimy tylko zrobić na pewno zaimportujemy wszystkie rzeczy, które musimy zaimportować, a

99
00:08:17,720 --> 00:08:25,100
dla taty możemy pobrać import tutaj z ekranu kategorii, a także z pakietu React Navigation lub pakietu przycisków.

100
00:08:25,100 --> 00:08:27,020
I z naszego własnego przycisku nagłówka.

101
00:08:27,020 --> 00:08:34,920
Chwyć to i dodaj tutaj na ulubionym ekranie teraz z tatą, jeśli zapisaliśmy, ponieważ wszystko powinno być teraz na ulubionym

102
00:08:34,930 --> 00:08:41,100
ekranie, który również musimy narysować i możesz go tam otworzyć, a my nie możemy go po

103
00:08:41,120 --> 00:08:46,180
prostu otworzyć, jeśli klikniemy na rola filtrów do wzięcia na ekran filtra, teraz

104
00:08:46,180 --> 00:08:52,160
po prostu nie mamy odwrotu, ale to jest coś, co wszyscy możemy od razu naprawić

105
00:08:52,220 --> 00:09:02,560
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

106
00:09:02,680 --> 00:09:07,280
kończą się, a następnie wszystkie opcje dodawania według nawigacji tutaj.

107
00:09:07,570 --> 00:09:13,780
Skopiuj więc opcje nawigacji z ulubionego ekranu do tej dynamicznej funkcji i dodaj ją

108
00:09:13,840 --> 00:09:19,900
do ekranu filtrów i zastąp oczywiście opcję nawigacji schodami, dlatego w tym roku

109
00:09:19,960 --> 00:09:27,730
wróciłem do ekranu filtrów i zmieniłem tytuł z powrotem na filtry posiłków lub cokolwiek chcesz tutaj i dlatego

110
00:09:27,940 --> 00:09:34,600
powinniśmy również narysować ekran filtra, co pozwala nam wrócić do naszych posiłków, teraz brakuje jednak

111
00:09:34,600 --> 00:09:35,580
kilku rzeczy.

112
00:09:35,620 --> 00:09:40,870
Na przykład na ekranie filtra nagłówek wygląda zupełnie inaczej, dlatego tutaj na

113
00:09:40,870 --> 00:09:46,930
Androidzie nie widzę nawet mojego przycisku, ponieważ jest biały, tekst tutaj nie jest tekstem,

114
00:09:46,930 --> 00:09:55,570
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ą

115
00:09:55,720 --> 00:09:59,820
funkcjonalność rysowania i, jak widać, przy bardzo małym wysiłku.

116
00:09:59,890 --> 00:10:03,550
Zajmijmy się teraz stylizowaniem losowania i ekranu filtrów.