Jetzt gibt es einen anderen Ort in der App, an dem ich meine eigene Schriftart verwenden möchte, und zwar
hier in der Rezeptliste, diesen Text hier - einfach, erschwinglich und
die Dauer, bei der keine eigene Schriftart verwendet wird und die wir
ändern möchten und Das ist natürlich unser Essen hier.
Dort haben wir diese drei Textkomponenten und diese müssen lediglich einen Stil erhalten, der unsere eigene Schriftart verwendet.
Übrigens haben Sie früher im Kurs Alternativen dazu kennengelernt. Anstatt hier einen Stil zuzuweisen
und eine Stilzuweisung zu wiederholen, können Sie
auch Ihre eigene Wrapper-Komponente erstellen, wie wir es früher im Kurs mit Text getan haben, der einfach umbrochen
wird Die integrierte Textkomponente, die immer Ihre eigene Schriftfamilie festlegt. Dies ist eine Alternative, oder Sie richten
einen globalen Stil ein, den Sie in diese Datei importieren. Jetzt, wo ich darüber nachdenke, werden wir später mehr Text
haben. Ich werde hier
meine eigene Wrapper-Komponente erstellen und meine sagen wir DefaultText. js Datei hier, Sie
können dies benennen, wie Sie es wollen, und dort importiere
ich React aus React, weil ich eine React-Komponente erstelle und Text und
Stylesheet aus React Native importiere. In
der Textkomponente, also im Standardtext, ist diese Komponente hier einfach eine Komponente, die
die integrierte Textkomponente um Requisiten zurückgibt. Kinder, damit wir Standardtext mit öffnenden und schließenden Tags
verwenden können und dazwischen unseren Text übergeben und dort auf Stile zeigen werde. Text hier, um meinen eigenen Textstil zuzuweisen, stellen Sie sicher,
dass dafür ein Stylesheet importiert wird, und verwenden Sie dann das Stylesheet, um dort unten ein Stylesheet zu
erstellen und es in der Styles-Konstante zu speichern. Natürlich, auch den Exporttext danach und jetzt hier im
Text, werde ich einfach eine Schriftfamilie von Open Sans einrichten und das sollte meine Standardeinstellung hier sein
und das ist das einzige, was ich ändern werde und jetzt können wir Standardtext verwenden, wann
immer Wir haben Text in der App, der unsere eigene benutzerdefinierte Schriftfamilie verwenden sollte. So können wir beispielsweise hier auf dem Mahlzeitelement diesen
benutzerdefinierten Text importieren, also Standardtext aus importieren. / DefaultText, von unserer eigenen Komponente dort und jetzt dort unten Standardtext
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 '
Sieht nicht so anders aus, aber es ist unsere eigene Schriftart. Dies ist besonders deutlich,
wenn wir dorthin gehen und dies natürlich in OpenSans-Bold ändern, da die fett gedruckte Version immer etwas leichter
zu erkennen ist, aber ich werde sie wieder in die nicht ändern -fette Version. Also haben wir auch hier unseren eigenen benutzerdefinierten Text.
Sie können hier auch andere Dinge stylen, Farben hinzufügen, Symbole
hinzufügen, was immer Sie wollen. Ich bin im Moment mit meinem Styling fertig. Jetzt
möchte ich sicherstellen, dass wir hier auf der Detailseite aussagekräftigere Inhalte haben, bevor wir später auch hier am Filterbildschirm arbeiten.