1
00:00:02,250 --> 00:00:07,160
Teraz jest jeszcze jedno miejsce w aplikacji, w którym chcę użyć własnej czcionki i jest to tutaj na

2
00:00:07,170 --> 00:00:10,080
liście przepisów, ten tekst tutaj - prosty, niedrogi i czas trwania,

3
00:00:10,200 --> 00:00:13,400
który nie używa naszej własnej czcionki i to jest coś, co chcemy

4
00:00:13,620 --> 00:00:16,110
zmienić i to oczywiście nasz przedmiot posiłku tutaj.

5
00:00:16,110 --> 00:00:23,460
Tam mamy te trzy komponenty tekstowe, a one po prostu potrzebują stylu, który używa naszej własnej czcionki.

6
00:00:23,910 --> 00:00:28,470
Przy okazji wcześniej na kursie nauczyłeś się o alternatywach, zamiast przypisywać styl i

7
00:00:28,470 --> 00:00:30,690
powtarzać tutaj przypisanie stylu, możesz również utworzyć

8
00:00:30,690 --> 00:00:36,210
własny komponent opakowujący, tak jak to zrobiliśmy z tekstem ciała na początku kursu, który jest po

9
00:00:36,210 --> 00:00:41,430
prostu zawijaniem wbudowany komponent tekstowy, który zawsze ustawia własną rodzinę czcionek, która będzie alternatywą lub skonfigurujesz

10
00:00:41,430 --> 00:00:47,550
styl globalny, który zaimportujesz do tego pliku, a właściwie teraz, kiedy o tym pomyślę, ponieważ później będziemy mieli

11
00:00:47,550 --> 00:00:49,350
więcej tekstu, Utworzę tutaj

12
00:00:49,350 --> 00:00:54,990
własny komponent opakowujący i na przykład powiedzmy DefaultText. tutaj plik js, możesz

13
00:00:54,990 --> 00:01:00,330
nazwać go, jak chcesz i tam zaimportuję React z React, ponieważ

14
00:01:00,330 --> 00:01:06,950
tworzę składnik React i importuję tekst i arkusz stylów z React Native, a

15
00:01:07,050 --> 00:01:10,500
teraz jest to cienkie opakowanie wokół wbudowanego

16
00:01:10,500 --> 00:01:17,550
w komponencie tekstowym, więc domyślnym tekście, ten komponent tutaj jest po prostu komponentem, który

17
00:01:17,940 --> 00:01:24,300
zwraca wbudowany komponent tekstowy wokół rekwizytów. dzieci, abyśmy mogli używać domyślnego tekstu z otwierającymi i

18
00:01:24,300 --> 00:01:32,730
zamykającymi znacznikami, a pomiędzy nimi przekaż nasz tekst i tam wskażę style. tekst tutaj, aby przypisać własny styl tekstu,

19
00:01:32,730 --> 00:01:40,280
upewnij się, że arkusz stylów został zaimportowany, a następnie użyj arkusza stylów, aby go

20
00:01:40,280 --> 00:01:48,050
utworzyć i zapisać w stałych stylach. Oczywiście później eksportuję domyślny tekst, a teraz tutaj w

21
00:01:48,050 --> 00:01:54,170
tekście, po prostu skonfiguruję rodzinę czcionek otwartych sans i to powinno być moje domyślne tutaj i

22
00:01:54,170 --> 00:01:59,870
to jedyna rzecz, którą zmienię i teraz możemy używać domyślnego tekstu za każdym razem

23
00:01:59,870 --> 00:02:10,000
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ć

24
00:02:10,000 --> 00:02:18,360
ten niestandardowy tekst, więc importujemy tekst domyślny. / DefaultText, z naszego własnego komponentu tam, a teraz używamy

25
00:02:18,900 --> 00:02:27,110
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

26
00:02:27,110 --> 00:02:32,290
własnej niestandardowej czcionki, to nie jest wyglądają inaczej, ale to nasza własna czcionka, jest

27
00:02:32,480 --> 00:02:38,630
to szczególnie jasne, jeśli tam pójdziemy i oczywiście zmienimy to na OpenSans-Bold, ponieważ odważna wersja jest zawsze

28
00:02:38,630 --> 00:02:48,320
nieco łatwiejsza do rozpoznania, ale zmienię ją z powrotem na non -pogrubiona wersja. Mamy tutaj również własny tekst, w którym

29
00:02:48,320 --> 00:02:53,300
możesz stylizować inne rzeczy, dodawać kolory, dodawać ikony

30
00:02:53,330 --> 00:02:59,150
i cokolwiek chcesz. Na razie skończyłem stylizację, teraz chcę się

31
00:02:59,240 --> 00:03:05,600
upewnić, że na stronie ze szczegółami mamy więcej znaczących treści, zanim będziemy później pracować na ekranie filtrów.