Powtarzanie się w kółko i powtarzanie tego samego szczegółowego wyglądu jest naprawdę denerwujące i
zdecydowanie nie jest tym, czego chcesz.
Do tej pory zawsze pracujemy z opcjami nawigacji, które ustawiliśmy tuż obok naszych komponentów.
Teraz nie musisz tego robić w przypadku ustawień domyślnych, które powtarzasz w kółko.
W rzeczywistości usuwa to ustawienie z ekranu kategorii posiłków i utrzymuje tam tylko tytuł nagłówka, ponieważ
tytuł nagłówka oczywiście zależy od tego ekranu i zmienia się wraz z różnymi wartościami,
które otrzymujemy na ekranie.
Dlatego usuńmy import platformy i import stały kolorów dodaj to samo na
ekranie kategorii.
Wytnę to, aby nadal mogli go używać, ale usunę go również z tego ekranu i zachowam
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
to tutaj i ja dzięki temu można również pozbyć się importu platformy i importu zawartości
kolorów również tutaj.
A teraz przejdźmy do nawigatora posiłków, ponieważ oprócz skonfigurowania opcji nawigacyjnych w przyszłym roku twoje
komponenty, które są właściwym miejscem dla wszelkich opcji specyficznych dla tego komponentu, możesz również
ustawić opcje tutaj bezpośrednio w nawigatorze.
Masz dwa różne miejsca, w których możesz je skonfigurować.
Jednym z nich jest użycie tutaj bardziej złożonej konfiguracji ekranu.
Kiedy mapujesz ekran na swoje identyfikatory oprócz ustawienia ekranu, to, co chcesz załadować,
wystarczy mieć wartość, którą masz tutaj.
Możesz także dodać tutaj opcje nawigacji i skonfigurować niektóre opcje nawigacji dla tych ekranów tutaj.
Więc możemy również w stylu nagłówka kolor odcienia nagłówka, a teraz musimy tylko dodać platformę i
kolory.
Importuj tutaj.
Zróbmy to szybko.
Zaimportuj platformę z reakcji.
Natywny tutaj i zaimportujmy również kolory ze stałych kolorów, a jeśli to zrobimy, zobaczysz, że na ekranie kategorii nie mamy
żadnego koloru, ponieważ ustawiam tę kolorystykę tylko w kategoriach posiłków, ale jeśli
przejdziemy do tego ekranu, mieć tę kolorystykę.
Mamy więc taki sam wygląd, jaki mieliśmy wcześniej i teraz oczywiście moglibyśmy zrobić to samo na
ekranie kategorii.
Tak więc możemy również teraz przekształcić to w obiekt, dlatego dodaj opcje nawigacji i dodaj dokładnie
te same opcje, aby ten sam obiekt tutaj dla tego ekranu.
Teraz, jeśli to zrobimy, musimy teraz pokolorować ekran kategorii.
Niewielka zaleta w porównaniu do poprzedniego rozwiązania polegającego na skonfigurowaniu tego w każdym pliku składowym zamiast tego mamy
teraz przynajmniej całą konfigurację i jeden w tym samym pliku.
Wciąż się powtarzamy, więc dobrze, że możesz to tutaj ustawić, a na przykład byłaby to
dobra alternatywa dla ustawiania naszego statycznie ustawionego tytułu nagłówka dla kategorii posiłków na ekranie kategorii, abyśmy mogli ustawić to
tutaj zamiast na składnik ponieważ i tak jest statyczny, tak naprawdę nie ma znaczenia,
gdzie to skonfigurujemy.
Ale poza tym taki przypadek użycia nie jest tak naprawdę poprawą, ponieważ wciąż się powtarzamy.
Więc ponownie wycięję to stąd i zamiast tego możemy teraz skorzystać z drugiego argumentu, który możesz
przekazać, aby utworzyć stos Nawigatora.
Pierwszym argumentem jest obiekt na twoich ekranach.
Drugi argument pozwala skonfigurować tego nawigatora.
Nie skonfigurowaliśmy jeszcze żadnej konfiguracji mleczarni i oczywiście w oficjalnej skrzynce lub gdy ją tu
dostanę przez mój T, znajdziesz listę wszystkich ustawień, które możesz tam skonfigurować.
Jedną ważną rzeczą, którą możesz skonfigurować tutaj, są domyślne opcje nawigacji, a jak sama nazwa
wskazuje, pozwala to skonfigurować opcje, które mają zastosowanie do każdego ekranu.
Teraz bierze to obiekt z opcjami nawigacji, ale teraz opcje te zostaną zastosowane do każdego ekranu w tym nawigatorze,
więc do wszystkich trzech ekranów tutaj, abyś nie musiał się powtarzać.
Jeśli teraz to zrobimy, zobaczysz tutaj ten nagłówek koloru.
Również tutaj i na szczegółowym ekranie, jeśli tam pojedziesz.
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
nie zmienia się z ekranu na ekran.
Jeśli to się zmieni, to dobrze.
Możesz ustawić go dla poszczególnych komponentów lub tutaj na ekranie konfliktu, jak ci pokazałem, ale
jeśli się nie zmieni, możesz użyć domyślnych opcji nawigacji tutaj.
Teraz oczywiście pojawia się także inne pytanie. W jaki sposób ustawienia tutaj lub tutaj są połączone z
ustawieniami tutaj lub zamiast komponentu.
Reguła jest bardzo prosta - domyślne opcje nawigacji są łączone z
określonymi opcjami nawigacji skonfigurowanymi tutaj lub tutaj w komponencie, a określone opcje zawsze wygrywają.
Jeśli masz jeden i ten sam klucz o tej samej nazwie.
Więc jeśli ustawiłbym tutaj domyślny tytuł nagłówka, taki jak ekran, który jest oczywiście bardzo ogólny, nadal
zobaczysz tutaj kategorie posiłków.
Włoski tutaj, ale na szczegółowym ekranie, na którym nie powiedziałem żadnego konkretnego nagłówka, zobaczysz ekran,
więc domyślne opcje nawigacji zostaną zastąpione.
Teraz, jeśli skonfigurujesz tutaj opcje nawigacji podczas konfigurowania ekranu i zamiast
komponentu działają one na tym samym poziomie, a ustawienia tutaj na poziomie ekranu faktycznie wygrywają.
Więc jeśli powiedziałem tytuł nagłówka do kategorii posiłków z wieloma wykrzyknikami tutaj, zobaczysz, że tutaj
na ekranie kategorii, a tytuł ustawiony w komponencie kategorii nie wygrywa, może być nieco sprzeczny z
intuicją, ale tak właśnie jest.
Jeśli więc ustawisz opcje nawigacji o tym samym tytule lub o tych samych nazwach w kontekście ekranu, kontekst ekranu
wygrywa, ale bez względu na to, gdzie go skonfigurujesz, zawsze wygrywa z domyślnymi opcjami
nawigacji.
Jeśli używasz tego samego tytułu, więc tutaj także pozbyć się opcji nawigacji na ekranie mojej kategorii.
Nie potrzebuję tego tutaj.
Jestem zadowolony z ustawienia tego kierującego komponentem ekranu, ale można go ustawić w obu miejscach.
Ważne jest, aby zawsze pamiętać, że opcje domyślne są nadpisywane, ale teraz oprócz domyślnych opcji
nawigacji w tym drugim obiekcie, który przekazujesz do utworzenia nawigatora SEC, możesz również skonfigurować
inne rzeczy, jeśli masz kontrolę i miejsce, powinieneś zobaczyć listę tutaj lub alternatywnie skonsultować
się oficjalne pudełko oczywiście.
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
modalny jako karta, jeśli go ustawisz, otrzymasz tryb podobny do przejścia do ładowania na ekranie, co
oznacza, że ekran przesuwa się od dołu zamiast normalnej animacji na Androidzie nie
widać różnicy, ale na ISIS to zrobisz.
To tylko jedna rzecz, którą możesz zmienić tutaj, aby zmienić domyślną animację, jeśli chcesz modalne przejście
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
jeśli nie chcesz zaczynać od ekranu kategorii, ale z jakiegoś powodu na ekranie
szczegółowego posiłku możesz po prostu wskazać tutaj szczegółowość posiłku zamiast kategorii, których nie musisz
konfigurować, ponieważ jest to ustawienie domyślne i zaczynasz od tego ekran jako
ekran początkowy.
Oczywiście nie możesz teraz wrócić, ponieważ ekran początkowy jest jedynym ekranem stosu.
Więc powrót nie zadziała teraz.
Ponownie zresetuję to do kategorii i nie trzeba tego dodawać, ponieważ i tak jest to ustawienie domyślne.
Domyślnie używa pierwszej pary wartości klucza.
Dzięki temu krótko przyjrzeliśmy się niektórym opcjom, które możesz skonfigurować i,
co najważniejsze, dodawali opcje nawigacji i domyślne opcje nawigacji, co jest bardzo ważne,
aby budować ładne i wydajne aplikacje bez powtarzania się od nowa, czego oczywiście nie chcesz Mówiąc o wydajności, jest
jeszcze jedna rzecz, którą chcesz zrobić podczas pracy z reagowaniem na nawigację lub zastanawiasz się.
Zastanów się i to, że zainstalowałeś jeden dodatkowy pakiet, który reaguje na natywne ekrany, które domyślnie powinny zawierać
aplikacje expo.
Ale nadal nie zaszkodzi jawnie go zainstalować, co pozwala faktycznie upewnić się,
że pod maską reaguje nawigacja korzysta z natywnych zoptymalizowanych komponentów ekranu dostarczanych przez Androida.
Byłem na Androidzie, który używa fragmentu D na wypadek, gdybyś trochę zajął się tworzeniem Androida, a
na ayahuasca używa kontrolera widoku interfejsu użytkownika, co po prostu poprawia wydajność nieco bardziej.
Tutaj, w tej prostej aplikacji, nie poczujesz tego, ale dobrą praktyką jest używanie tego specjalnego pakietu lub specjalnych
ekranów D.
Teraz skorzystaj z tego, że powinieneś udać się do miejsca, które działa, zanim wyrenderujesz
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.
Więc z tego pakietu właśnie zainstalowałeś i po prostu przywołałeś po imporcie, zanim zrobisz cokolwiek innego.
Więc zanim wyrenderujesz jakiś kod exe jazzu, teraz ważny, jeśli używasz najnowszej wersji Expo i React
Native, którymi najprawdopodobniej jesteś.
To już nie są ekrany użytkowania, ale ekrany, które nadal tak nazywasz.
To po prostu inna nazwa i to jedyna zmiana, której potrzebujemy, aby uczynić
ją ponurym po prostu za kulisami.
Odblokuj te ekrany, a nie zobaczysz różnicy w tej aplikacji, ale jest to
nieco większa wydajność, więc polecam to szczególnie w większych aplikacjach.
Znów tutaj nie widać różnicy.
Ale za kulisami robi to teraz nieco wydajniej.