1 00:00:02,250 --> 00:00:07,160 Jetzt gibt es einen anderen Ort in der App, an dem ich meine eigene Schriftart verwenden möchte, und zwar 2 00:00:07,170 --> 00:00:10,080 hier in der Rezeptliste, diesen Text hier - einfach, erschwinglich und 3 00:00:10,200 --> 00:00:13,400 die Dauer, bei der keine eigene Schriftart verwendet wird und die wir 4 00:00:13,620 --> 00:00:16,110 ändern möchten und Das ist natürlich unser Essen hier. 5 00:00:16,110 --> 00:00:23,460 Dort haben wir diese drei Textkomponenten und diese müssen lediglich einen Stil erhalten, der unsere eigene Schriftart verwendet. 6 00:00:23,910 --> 00:00:28,470 Übrigens haben Sie früher im Kurs Alternativen dazu kennengelernt. Anstatt hier einen Stil zuzuweisen 7 00:00:28,470 --> 00:00:30,690 und eine Stilzuweisung zu wiederholen, können Sie 8 00:00:30,690 --> 00:00:36,210 auch Ihre eigene Wrapper-Komponente erstellen, wie wir es früher im Kurs mit Text getan haben, der einfach umbrochen 9 00:00:36,210 --> 00:00:41,430 wird Die integrierte Textkomponente, die immer Ihre eigene Schriftfamilie festlegt. Dies ist eine Alternative, oder Sie richten 10 00:00:41,430 --> 00:00:47,550 einen globalen Stil ein, den Sie in diese Datei importieren. Jetzt, wo ich darüber nachdenke, werden wir später mehr Text 11 00:00:47,550 --> 00:00:49,350 haben. Ich werde hier 12 00:00:49,350 --> 00:00:54,990 meine eigene Wrapper-Komponente erstellen und meine sagen wir DefaultText. js Datei hier, Sie 13 00:00:54,990 --> 00:01:00,330 können dies benennen, wie Sie es wollen, und dort importiere 14 00:01:00,330 --> 00:01:06,950 ich React aus React, weil ich eine React-Komponente erstelle und Text und 15 00:01:07,050 --> 00:01:10,500 Stylesheet aus React Native importiere. In 16 00:01:10,500 --> 00:01:17,550 der Textkomponente, also im Standardtext, ist diese Komponente hier einfach eine Komponente, die 17 00:01:17,940 --> 00:01:24,300 die integrierte Textkomponente um Requisiten zurückgibt. Kinder, damit wir Standardtext mit öffnenden und schließenden Tags 18 00:01:24,300 --> 00:01:32,730 verwenden können und dazwischen unseren Text übergeben und dort auf Stile zeigen werde. Text hier, um meinen eigenen Textstil zuzuweisen, stellen Sie sicher, 19 00:01:32,730 --> 00:01:40,280 dass dafür ein Stylesheet importiert wird, und verwenden Sie dann das Stylesheet, um dort unten ein Stylesheet zu 20 00:01:40,280 --> 00:01:48,050 erstellen und es in der Styles-Konstante zu speichern. Natürlich, auch den Exporttext danach und jetzt hier im 21 00:01:48,050 --> 00:01:54,170 Text, werde ich einfach eine Schriftfamilie von Open Sans einrichten und das sollte meine Standardeinstellung hier sein 22 00:01:54,170 --> 00:01:59,870 und das ist das einzige, was ich ändern werde und jetzt können wir Standardtext verwenden, wann 23 00:01:59,870 --> 00:02:10,000 immer Wir haben Text in der App, der unsere eigene benutzerdefinierte Schriftfamilie verwenden sollte. So können wir beispielsweise hier auf dem Mahlzeitelement diesen 24 00:02:10,000 --> 00:02:18,360 benutzerdefinierten Text importieren, also Standardtext aus importieren. / DefaultText, von unserer eigenen Komponente dort und jetzt dort unten Standardtext 25 00:02:18,900 --> 00:02:27,110 anstelle der Textkomponente, die ich gerade verwende, genau so und damit, wenn wir jetzt dorthin gehen, verwendet dies tatsächlich unsere eigene benutzerdefinierte Schriftart, nicht ' 26 00:02:27,110 --> 00:02:32,290 Sieht nicht so anders aus, aber es ist unsere eigene Schriftart. Dies ist besonders deutlich, 27 00:02:32,480 --> 00:02:38,630 wenn wir dorthin gehen und dies natürlich in OpenSans-Bold ändern, da die fett gedruckte Version immer etwas leichter 28 00:02:38,630 --> 00:02:48,320 zu erkennen ist, aber ich werde sie wieder in die nicht ändern -fette Version. Also haben wir auch hier unseren eigenen benutzerdefinierten Text. 29 00:02:48,320 --> 00:02:53,300 Sie können hier auch andere Dinge stylen, Farben hinzufügen, Symbole 30 00:02:53,330 --> 00:02:59,150 hinzufügen, was immer Sie wollen. Ich bin im Moment mit meinem Styling fertig. Jetzt 31 00:02:59,240 --> 00:03:05,600 möchte ich sicherstellen, dass wir hier auf der Detailseite aussagekräftigere Inhalte haben, bevor wir später auch hier am Filterbildschirm arbeiten.