Sekarang ada satu tempat lain di aplikasi di mana saya ingin menggunakan font saya sendiri dan itu ada di sini
dalam daftar resep, teks ini di sini - sederhana, terjangkau dan durasinya,
itu tidak menggunakan font kita sendiri dan itu adalah sesuatu yang ingin kita
ubah dan itu tentu saja makanan kami di sini.
Di sana kita memiliki tiga komponen teks ini dan ini hanya perlu untuk mendapatkan gaya yang menggunakan font kita sendiri.
Ngomong-ngomong sebelumnya dalam kursus, Anda belajar tentang alternatif untuk itu, alih-alih menetapkan gaya dan mengulangi
tugas gaya di sini, Anda juga bisa
membuat komponen pembungkus sendiri seperti yang kami lakukan dengan teks isi sebelumnya dalam kursus yang hanya membungkus komponen teks
bawaan yang selalu menetapkan keluarga font Anda sendiri, yang akan menjadi alternatif atau Anda mengatur gaya global yang
Anda impor ke file ini dan sebenarnya, sekarang saya berpikir tentang hal itu karena kita akan memiliki lebih banyak teks nanti,
Saya akan membuat komponen pembungkus
saya sendiri di sini dan saya akan katakanlah DefaultText saya. js file di sini, Anda dapat
memberi nama ini apa pun yang Anda inginkan dan di sana, saya
akan mengimpor Bereaksi dari Bereaksi karena saya membuat komponen Bereaksi dan mengimpor teks dan stylesheet
dari Bereaksi Asli dan sekarang ini adalah pembungkus
tipis di sekitar dalam komponen teks, jadi teks standar, komponen ini di sini hanyalah komponen yang mengembalikan
komponen teks bawaan di sekitar alat peraga. anak-anak sehingga kita dapat menggunakan teks default dengan tag pembuka dan
penutup dan di antaranya, sampaikan teks kita dan di sana saya akan menunjuk pada gaya. teks di sini untuk menetapkan gaya teks
saya sendiri, pastikan stylesheet diimpor untuk ini dan kemudian gunakan stylesheet untuk membuatnya di
sana dan menyimpannya di konstanta gaya. Tentu saja, juga teks standar ekspor sesudahnya dan sekarang di sini
dalam bentuk teks, saya hanya akan membuat keluarga font dari sans terbuka dan itu akan menjadi default saya
di sini dan itulah satu-satunya hal yang akan saya ubah dan sekarang kita dapat menggunakan teks default
kapan saja kami memiliki teks di aplikasi yang harus menggunakan keluarga font khusus kami sendiri. Jadi misalnya di sini pada item makanan, kita sekarang dapat mengimpor
teks khusus ini, jadi impor teks default dari. / DefaultText, dari komponen kita sendiri di sana dan sekarang menggunakan teks
default di sana daripada komponen teks yang saya gunakan saat ini, seperti ini dan dengan itu jika kita sekarang pergi ke sana, ini sebenarnya menggunakan
font khusus kita sendiri, itu tidak t terlihat berbeda tetapi ini adalah font kami sendiri,
ini sangat jelas jika kami pergi ke sana dan kami mengubahnya ke OpenSans-Bold tentu saja karena versi bold selalu
sedikit lebih mudah untuk dikenali tetapi saya akan mengubahnya kembali ke non versi tebal. Jadi kami memiliki teks khusus kami sendiri di sini, Anda
juga bisa mendesain hal-hal lain di sini, menambahkan warna, menambahkan ikon,
apa pun yang Anda inginkan. Saya sudah selesai dengan penataan rambut saya untuk saat ini, sekarang
saya ingin memastikan bahwa kami memiliki konten yang lebih bermakna di sini pada halaman detail sebelum kami kemudian juga bekerja pada layar filter di sini.