Teraz jest jeszcze jedno miejsce w aplikacji, w którym chcę użyć własnej czcionki i jest to tutaj na
liście przepisów, ten tekst tutaj - prosty, niedrogi i czas trwania,
który nie używa naszej własnej czcionki i to jest coś, co chcemy
zmienić i to oczywiście nasz przedmiot posiłku tutaj.
Tam mamy te trzy komponenty tekstowe, a one po prostu potrzebują stylu, który używa naszej własnej czcionki.
Przy okazji wcześniej na kursie nauczyłeś się o alternatywach, zamiast przypisywać styl i
powtarzać tutaj przypisanie stylu, możesz również utworzyć
własny komponent opakowujący, tak jak to zrobiliśmy z tekstem ciała na początku kursu, który jest po
prostu zawijaniem wbudowany komponent tekstowy, który zawsze ustawia własną rodzinę czcionek, która będzie alternatywą lub skonfigurujesz
styl globalny, który zaimportujesz do tego pliku, a właściwie teraz, kiedy o tym pomyślę, ponieważ później będziemy mieli
więcej tekstu, Utworzę tutaj
własny komponent opakowujący i na przykład powiedzmy DefaultText. tutaj plik js, możesz
nazwać go, jak chcesz i tam zaimportuję React z React, ponieważ
tworzę składnik React i importuję tekst i arkusz stylów z React Native, a
teraz jest to cienkie opakowanie wokół wbudowanego
w komponencie tekstowym, więc domyślnym tekście, ten komponent tutaj jest po prostu komponentem, który
zwraca wbudowany komponent tekstowy wokół rekwizytów. dzieci, abyśmy mogli używać domyślnego tekstu z otwierającymi i
zamykającymi znacznikami, a pomiędzy nimi przekaż nasz tekst i tam wskażę style. tekst tutaj, aby przypisać własny styl tekstu,
upewnij się, że arkusz stylów został zaimportowany, a następnie użyj arkusza stylów, aby go
utworzyć i zapisać w stałych stylach. Oczywiście później eksportuję domyślny tekst, a teraz tutaj w
tekście, po prostu skonfiguruję rodzinę czcionek otwartych sans i to powinno być moje domyślne tutaj i
to jedyna rzecz, którą zmienię i teraz możemy używać domyślnego tekstu za każdym razem
mamy w aplikacji tekst, który powinien używać naszej własnej niestandardowej rodziny czcionek. Na przykład tutaj na elemencie posiłku możemy teraz zaimportować
ten niestandardowy tekst, więc importujemy tekst domyślny. / DefaultText, z naszego własnego komponentu tam, a teraz używamy
domyślnego tekstu tam, zamiast komponentu tekstowego, którego obecnie używam, tak jak to i dzięki temu, jeśli teraz tam przejdziemy, to faktycznie używa naszej
własnej niestandardowej czcionki, to nie jest wyglądają inaczej, ale to nasza własna czcionka, jest
to szczególnie jasne, jeśli tam pójdziemy i oczywiście zmienimy to na OpenSans-Bold, ponieważ odważna wersja jest zawsze
nieco łatwiejsza do rozpoznania, ale zmienię ją z powrotem na non -pogrubiona wersja. Mamy tutaj również własny tekst, w którym
możesz stylizować inne rzeczy, dodawać kolory, dodawać ikony
i cokolwiek chcesz. Na razie skończyłem stylizację, teraz chcę się
upewnić, że na stronie ze szczegółami mamy więcej znaczących treści, zanim będziemy później pracować na ekranie filtrów.