1
00:00:02,270 --> 00:00:07,770
Powtarzanie się w kółko i powtarzanie tego samego szczegółowego wyglądu jest naprawdę denerwujące i

2
00:00:07,770 --> 00:00:10,550
zdecydowanie nie jest tym, czego chcesz.

3
00:00:10,550 --> 00:00:17,960
Do tej pory zawsze pracujemy z opcjami nawigacji, które ustawiliśmy tuż obok naszych komponentów.

4
00:00:18,020 --> 00:00:24,040
Teraz nie musisz tego robić w przypadku ustawień domyślnych, które powtarzasz w kółko.

5
00:00:24,200 --> 00:00:29,740
W rzeczywistości usuwa to ustawienie z ekranu kategorii posiłków i utrzymuje tam tylko tytuł nagłówka, ponieważ

6
00:00:29,740 --> 00:00:34,820
tytuł nagłówka oczywiście zależy od tego ekranu i zmienia się wraz z różnymi wartościami,

7
00:00:34,820 --> 00:00:36,310
które otrzymujemy na ekranie.

8
00:00:36,380 --> 00:00:41,990
Dlatego usuńmy import platformy i import stały kolorów dodaj to samo na

9
00:00:42,080 --> 00:00:43,370
ekranie kategorii.

10
00:00:43,400 --> 00:00:48,530
Wytnę to, aby nadal mogli go używać, ale usunę go również z tego ekranu i zachowam

11
00:00:48,530 --> 00:00:54,140
tylko nagłówek tytułu nagłówka, który jest specyficzny dla tego ekranu, a nie domyślny dla wszystkich ekranów, więc zachowam

12
00:00:54,440 --> 00:00:59,500
to tutaj i ja dzięki temu można również pozbyć się importu platformy i importu zawartości

13
00:00:59,540 --> 00:01:00,710
kolorów również tutaj.

14
00:01:00,740 --> 00:01:06,870
A teraz przejdźmy do nawigatora posiłków, ponieważ oprócz skonfigurowania opcji nawigacyjnych w przyszłym roku twoje

15
00:01:06,870 --> 00:01:12,290
komponenty, które są właściwym miejscem dla wszelkich opcji specyficznych dla tego komponentu, możesz również

16
00:01:12,290 --> 00:01:15,080
ustawić opcje tutaj bezpośrednio w nawigatorze.

17
00:01:15,080 --> 00:01:17,830
Masz dwa różne miejsca, w których możesz je skonfigurować.

18
00:01:18,170 --> 00:01:23,110
Jednym z nich jest użycie tutaj bardziej złożonej konfiguracji ekranu.

19
00:01:23,150 --> 00:01:29,120
Kiedy mapujesz ekran na swoje identyfikatory oprócz ustawienia ekranu, to, co chcesz załadować,

20
00:01:29,120 --> 00:01:32,390
wystarczy mieć wartość, którą masz tutaj.

21
00:01:32,450 --> 00:01:39,530
Możesz także dodać tutaj opcje nawigacji i skonfigurować niektóre opcje nawigacji dla tych ekranów tutaj.

22
00:01:39,530 --> 00:01:44,810
Więc możemy również w stylu nagłówka kolor odcienia nagłówka, a teraz musimy tylko dodać platformę i

23
00:01:44,810 --> 00:01:45,470
kolory.

24
00:01:45,470 --> 00:01:46,180
Importuj tutaj.

25
00:01:46,250 --> 00:01:47,490
Zróbmy to szybko.

26
00:01:48,050 --> 00:01:52,430
Zaimportuj platformę z reakcji.

27
00:01:52,460 --> 00:02:03,940
Natywny tutaj i zaimportujmy również kolory ze stałych kolorów, a jeśli to zrobimy, zobaczysz, że na ekranie kategorii nie mamy

28
00:02:03,940 --> 00:02:11,020
żadnego koloru, ponieważ ustawiam tę kolorystykę tylko w kategoriach posiłków, ale jeśli

29
00:02:11,020 --> 00:02:15,290
przejdziemy do tego ekranu, mieć tę kolorystykę.

30
00:02:15,300 --> 00:02:21,060
Mamy więc taki sam wygląd, jaki mieliśmy wcześniej i teraz oczywiście moglibyśmy zrobić to samo na

31
00:02:21,120 --> 00:02:22,130
ekranie kategorii.

32
00:02:22,230 --> 00:02:29,430
Tak więc możemy również teraz przekształcić to w obiekt, dlatego dodaj opcje nawigacji i dodaj dokładnie

33
00:02:29,490 --> 00:02:34,830
te same opcje, aby ten sam obiekt tutaj dla tego ekranu.

34
00:02:34,830 --> 00:02:39,760
Teraz, jeśli to zrobimy, musimy teraz pokolorować ekran kategorii.

35
00:02:39,870 --> 00:02:46,350
Niewielka zaleta w porównaniu do poprzedniego rozwiązania polegającego na skonfigurowaniu tego w każdym pliku składowym zamiast tego mamy

36
00:02:46,380 --> 00:02:50,130
teraz przynajmniej całą konfigurację i jeden w tym samym pliku.

37
00:02:50,400 --> 00:02:56,220
Wciąż się powtarzamy, więc dobrze, że możesz to tutaj ustawić, a na przykład byłaby to

38
00:02:56,220 --> 00:03:03,330
dobra alternatywa dla ustawiania naszego statycznie ustawionego tytułu nagłówka dla kategorii posiłków na ekranie kategorii, abyśmy mogli ustawić to

39
00:03:03,810 --> 00:03:09,300
tutaj zamiast na składnik ponieważ i tak jest statyczny, tak naprawdę nie ma znaczenia,

40
00:03:09,330 --> 00:03:10,630
gdzie to skonfigurujemy.

41
00:03:10,920 --> 00:03:16,500
Ale poza tym taki przypadek użycia nie jest tak naprawdę poprawą, ponieważ wciąż się powtarzamy.

42
00:03:16,620 --> 00:03:23,550
Więc ponownie wycięję to stąd i zamiast tego możemy teraz skorzystać z drugiego argumentu, który możesz

43
00:03:23,550 --> 00:03:25,820
przekazać, aby utworzyć stos Nawigatora.

44
00:03:25,920 --> 00:03:29,370
Pierwszym argumentem jest obiekt na twoich ekranach.

45
00:03:29,430 --> 00:03:32,990
Drugi argument pozwala skonfigurować tego nawigatora.

46
00:03:33,060 --> 00:03:38,880
Nie skonfigurowaliśmy jeszcze żadnej konfiguracji mleczarni i oczywiście w oficjalnej skrzynce lub gdy ją tu

47
00:03:38,880 --> 00:03:43,710
dostanę przez mój T, znajdziesz listę wszystkich ustawień, które możesz tam skonfigurować.

48
00:03:43,710 --> 00:03:50,070
Jedną ważną rzeczą, którą możesz skonfigurować tutaj, są domyślne opcje nawigacji, a jak sama nazwa

49
00:03:50,310 --> 00:03:55,330
wskazuje, pozwala to skonfigurować opcje, które mają zastosowanie do każdego ekranu.

50
00:03:55,440 --> 00:04:04,830
Teraz bierze to obiekt z opcjami nawigacji, ale teraz opcje te zostaną zastosowane do każdego ekranu w tym nawigatorze,

51
00:04:05,070 --> 00:04:10,750
więc do wszystkich trzech ekranów tutaj, abyś nie musiał się powtarzać.

52
00:04:10,770 --> 00:04:14,940
Jeśli teraz to zrobimy, zobaczysz tutaj ten nagłówek koloru.

53
00:04:14,940 --> 00:04:18,920
Również tutaj i na szczegółowym ekranie, jeśli tam pojedziesz.

54
00:04:18,960 --> 00:04:25,200
Więc teraz jest to oczywiście sposób, w jaki chcesz skonfigurować powtarzające się konfiguracje, takie jak ogólny styl, który zwykle

55
00:04:25,200 --> 00:04:27,830
nie zmienia się z ekranu na ekran.

56
00:04:27,900 --> 00:04:29,710
Jeśli to się zmieni, to dobrze.

57
00:04:29,760 --> 00:04:35,940
Możesz ustawić go dla poszczególnych komponentów lub tutaj na ekranie konfliktu, jak ci pokazałem, ale

58
00:04:35,940 --> 00:04:40,170
jeśli się nie zmieni, możesz użyć domyślnych opcji nawigacji tutaj.

59
00:04:40,200 --> 00:04:48,720
Teraz oczywiście pojawia się także inne pytanie. W jaki sposób ustawienia tutaj lub tutaj są połączone z

60
00:04:48,720 --> 00:04:51,720
ustawieniami tutaj lub zamiast komponentu.

61
00:04:51,720 --> 00:04:57,630
Reguła jest bardzo prosta - domyślne opcje nawigacji są łączone z

62
00:04:57,630 --> 00:05:05,100
określonymi opcjami nawigacji skonfigurowanymi tutaj lub tutaj w komponencie, a określone opcje zawsze wygrywają.

63
00:05:05,100 --> 00:05:07,830
Jeśli masz jeden i ten sam klucz o tej samej nazwie.

64
00:05:07,830 --> 00:05:15,690
Więc jeśli ustawiłbym tutaj domyślny tytuł nagłówka, taki jak ekran, który jest oczywiście bardzo ogólny, nadal

65
00:05:15,690 --> 00:05:17,960
zobaczysz tutaj kategorie posiłków.

66
00:05:18,060 --> 00:05:24,930
Włoski tutaj, ale na szczegółowym ekranie, na którym nie powiedziałem żadnego konkretnego nagłówka, zobaczysz ekran,

67
00:05:25,740 --> 00:05:28,800
więc domyślne opcje nawigacji zostaną zastąpione.

68
00:05:28,860 --> 00:05:33,510
Teraz, jeśli skonfigurujesz tutaj opcje nawigacji podczas konfigurowania ekranu i zamiast

69
00:05:33,990 --> 00:05:39,630
komponentu działają one na tym samym poziomie, a ustawienia tutaj na poziomie ekranu faktycznie wygrywają.

70
00:05:39,630 --> 00:05:46,080
Więc jeśli powiedziałem tytuł nagłówka do kategorii posiłków z wieloma wykrzyknikami tutaj, zobaczysz, że tutaj

71
00:05:46,260 --> 00:05:53,070
na ekranie kategorii, a tytuł ustawiony w komponencie kategorii nie wygrywa, może być nieco sprzeczny z

72
00:05:53,070 --> 00:05:55,790
intuicją, ale tak właśnie jest.

73
00:05:55,830 --> 00:06:03,280
Jeśli więc ustawisz opcje nawigacji o tym samym tytule lub o tych samych nazwach w kontekście ekranu, kontekst ekranu

74
00:06:03,370 --> 00:06:09,340
wygrywa, ale bez względu na to, gdzie go skonfigurujesz, zawsze wygrywa z domyślnymi opcjami

75
00:06:09,340 --> 00:06:09,840
nawigacji.

76
00:06:09,910 --> 00:06:17,050
Jeśli używasz tego samego tytułu, więc tutaj także pozbyć się opcji nawigacji na ekranie mojej kategorii.

77
00:06:17,060 --> 00:06:18,130
Nie potrzebuję tego tutaj.

78
00:06:18,130 --> 00:06:22,900
Jestem zadowolony z ustawienia tego kierującego komponentem ekranu, ale można go ustawić w obu miejscach.

79
00:06:22,910 --> 00:06:29,090
Ważne jest, aby zawsze pamiętać, że opcje domyślne są nadpisywane, ale teraz oprócz domyślnych opcji

80
00:06:29,090 --> 00:06:35,000
nawigacji w tym drugim obiekcie, który przekazujesz do utworzenia nawigatora SEC, możesz również skonfigurować

81
00:06:35,000 --> 00:06:40,790
inne rzeczy, jeśli masz kontrolę i miejsce, powinieneś zobaczyć listę tutaj lub alternatywnie skonsultować

82
00:06:40,820 --> 00:06:42,640
się oficjalne pudełko oczywiście.

83
00:06:42,650 --> 00:06:50,060
Teraz zazwyczaj wartości domyślne są w porządku, ale na przykład możesz ustawić tryb i możesz ustawić go jako domyślny

84
00:06:50,060 --> 00:06:56,150
modalny jako karta, jeśli go ustawisz, otrzymasz tryb podobny do przejścia do ładowania na ekranie, co

85
00:06:56,150 --> 00:07:01,310
oznacza, że ekran przesuwa się od dołu zamiast normalnej animacji na Androidzie nie

86
00:07:01,310 --> 00:07:04,180
widać różnicy, ale na ISIS to zrobisz.

87
00:07:04,340 --> 00:07:10,070
To tylko jedna rzecz, którą możesz zmienić tutaj, aby zmienić domyślną animację, jeśli chcesz modalne przejście

88
00:07:10,070 --> 00:07:17,850
zamiast normalnej animacji push pop tutaj, możesz również domyślnie zmienić początkową nazwę roota Wspomniałem, że będzie to pierwsza para wartości klucza, ale

89
00:07:17,850 --> 00:07:22,410
jeśli nie chcesz zaczynać od ekranu kategorii, ale z jakiegoś powodu na ekranie

90
00:07:22,590 --> 00:07:27,810
szczegółowego posiłku możesz po prostu wskazać tutaj szczegółowość posiłku zamiast kategorii, których nie musisz

91
00:07:27,810 --> 00:07:32,340
konfigurować, ponieważ jest to ustawienie domyślne i zaczynasz od tego ekran jako

92
00:07:32,460 --> 00:07:33,510
ekran początkowy.

93
00:07:33,510 --> 00:07:38,440
Oczywiście nie możesz teraz wrócić, ponieważ ekran początkowy jest jedynym ekranem stosu.

94
00:07:38,580 --> 00:07:42,120
Więc powrót nie zadziała teraz.

95
00:07:42,160 --> 00:07:48,030
Ponownie zresetuję to do kategorii i nie trzeba tego dodawać, ponieważ i tak jest to ustawienie domyślne.

96
00:07:48,040 --> 00:07:51,600
Domyślnie używa pierwszej pary wartości klucza.

97
00:07:51,600 --> 00:07:56,580
Dzięki temu krótko przyjrzeliśmy się niektórym opcjom, które możesz skonfigurować i,

98
00:07:56,580 --> 00:08:01,860
co najważniejsze, dodawali opcje nawigacji i domyślne opcje nawigacji, co jest bardzo ważne,

99
00:08:01,860 --> 00:08:09,650
aby budować ładne i wydajne aplikacje bez powtarzania się od nowa, czego oczywiście nie chcesz Mówiąc o wydajności, jest

100
00:08:09,650 --> 00:08:15,990
jeszcze jedna rzecz, którą chcesz zrobić podczas pracy z reagowaniem na nawigację lub zastanawiasz się.

101
00:08:16,010 --> 00:08:26,010
Zastanów się i to, że zainstalowałeś jeden dodatkowy pakiet, który reaguje na natywne ekrany, które domyślnie powinny zawierać

102
00:08:26,010 --> 00:08:27,700
aplikacje expo.

103
00:08:27,720 --> 00:08:35,850
Ale nadal nie zaszkodzi jawnie go zainstalować, co pozwala faktycznie upewnić się,

104
00:08:35,850 --> 00:08:45,310
że pod maską reaguje nawigacja korzysta z natywnych zoptymalizowanych komponentów ekranu dostarczanych przez Androida.

105
00:08:45,350 --> 00:08:51,460
Byłem na Androidzie, który używa fragmentu D na wypadek, gdybyś trochę zajął się tworzeniem Androida, a

106
00:08:51,460 --> 00:08:57,220
na ayahuasca używa kontrolera widoku interfejsu użytkownika, co po prostu poprawia wydajność nieco bardziej.

107
00:08:57,300 --> 00:09:04,350
Tutaj, w tej prostej aplikacji, nie poczujesz tego, ale dobrą praktyką jest używanie tego specjalnego pakietu lub specjalnych

108
00:09:04,350 --> 00:09:05,580
ekranów D.

109
00:09:05,580 --> 00:09:12,190
Teraz skorzystaj z tego, że powinieneś udać się do miejsca, które działa, zanim wyrenderujesz

110
00:09:12,200 --> 00:09:21,510
swój pierwszy ekran, który ma przechwycić plik w naszym przypadku tutaj i tam możesz teraz zaimportować ekrany użytkowania z ekranu React Native.

111
00:09:21,510 --> 00:09:27,750
Więc z tego pakietu właśnie zainstalowałeś i po prostu przywołałeś po imporcie, zanim zrobisz cokolwiek innego.

112
00:09:27,760 --> 00:09:34,860
Więc zanim wyrenderujesz jakiś kod exe jazzu, teraz ważny, jeśli używasz najnowszej wersji Expo i React

113
00:09:34,860 --> 00:09:37,110
Native, którymi najprawdopodobniej jesteś.

114
00:09:37,140 --> 00:09:43,160
To już nie są ekrany użytkowania, ale ekrany, które nadal tak nazywasz.

115
00:09:43,170 --> 00:09:46,140
To po prostu inna nazwa i to jedyna zmiana, której potrzebujemy, aby uczynić

116
00:09:48,970 --> 00:09:50,610
ją ponurym po prostu za kulisami.

117
00:09:50,650 --> 00:09:56,140
Odblokuj te ekrany, a nie zobaczysz różnicy w tej aplikacji, ale jest to

118
00:09:56,260 --> 00:10:00,730
nieco większa wydajność, więc polecam to szczególnie w większych aplikacjach.

119
00:10:00,760 --> 00:10:03,760
Znów tutaj nie widać różnicy.

120
00:10:03,940 --> 00:10:06,970
Ale za kulisami robi to teraz nieco wydajniej.