Jadi saya ingin memulai dengan beberapa penyesuaian font di tab saya di sini, di header dan juga teks
di sini di semua resep saya. Saya ingin memastikan bahwa di mana-mana, saya menggunakan font yang tepat,
font khusus saya sendiri dan terutama di sini, di header, di tab, kami belum benar-benar memastikan ini.
Tentu saja, itu relatif mudah
untuk memastikan itu dan mari kita mulai dengan tajuk. Header umumnya ditata, seperti warna latar belakang, dengan opsi navigasi default
kami yang selalu kami siapkan di stack navigator
tepat, opsi navigasi default di sini memungkinkan kami untuk mendesain header dan misalnya, memberi header secara umum
gaya dan tambahkan warna latar belakang.
Sekarang penting untuk dikenali di sini adalah bahwa gaya tajuk benar-benar hanya menargetkan kotak, latar belakang
untuk mengatakan, sehingga wadah di mana item tindakan, tombol kembali dan judul ini duduk, judul itu sendiri tidak dapat
ditargetkan dengan gaya tajuk tetapi
tentu saja kami mendapatkan alternatif untuk itu. Selain gaya tajuk tempat kami dapat menata wadah
tajuk itu, kami juga mendapat gaya tajuk tajuk dan yang secara tidak terduga menargetkan komponen teks tempat tajuk
tajuk kami disajikan dan di sana kami dapat menatanya seperti kami dapat mendesain elemen teks dalam React Native, misalnya
dengan menambahkan keluarga font sans terbuka, sekali lagi saya menggunakan versi
yang tidak berani sehingga kita dapat dengan cepat melihat perbedaannya.
Ini jelas tidak berani lagi saya kira, cukup jelas untuk dilihat, terutama di sini di iOS dan sekarang jika saya
mengatur ini menjadi tebal, saya memastikan bahwa saya menggunakan gaya yang
tepat ini di iOS dan Android. Sekarang untuk teks belakang di sini, kita juga
dapat menimpa default itu yang merupakan font sistem default dengan mengatur header style title, itu pengaturan terpisah yang dapat
kita
atur di sana-sini, kita juga dapat mengatur keluarga font untuk katakanlah open sans, bukan
versi bold, saya tidak ingin
memilikinya dalam gaya bold tetapi saya ingin memilikinya dalam font saya sendiri dan sekarang ini seharusnya open
sans di sini dan menggunakan font saya sendiri. Di Android tentu saja, ini tidak berpengaruh karena di sana
kami tidak memiliki teks kembali. Jadi itu satu
hal, itu tajuk, untuk tab itu sangat mirip. Di sana kita dapat pergi ke navigator tab kita yang
kita buat, seperti
navigator
tab bawah bahan dan ini tentu saja memiliki tabScreenConfig kita dan kemudian objek kedua ini di mana
kita mengkonfigurasi
navigator itu sendiri dan seperti biasa dalam Bereaksi navigasi, itu adalah objek
kedua di mana kita dapat mengontrol tampilan dan nuansa umum dari hal-hal khusus navigator, seperti
dalam kasus navigator tab, warna ikon tab, warna bar, warna warna atau juga gaya label dan memang di sini pada opsi
tab bar untuk navigator tab bawah, kita dapat menambahkan gaya label
dan sekali lagi, ini menargetkan komponen teks
yang memegang label kita, kita dapat menambahkan keluarga font di
sini dari OpenSans-Bold sehingga kita dapat dengan jelas melihat perbedaannya, jika ini dimuat kembali, sekarang ini
jelas adalah beberapa teks tebal. Ini sebenarnya tidak terlihat terlalu buruk, jadi saya
pikir kita bisa menyimpan ini, tetapi tentu
saja Anda juga dapat mengaturnya untuk hanya membuka sans jika Anda ingin versi yang lebih tipis tetapi sekarang
saya akan menggunakan font kita sendiri. Sekarang untuk Android,
di sini navigator tab bawah bahan juga memiliki beberapa opsi konfigurasi tetapi sebenarnya, itu
tidak memiliki gaya label.
Apa yang dapat Anda lakukan di sana adalah pada tab terpisah yang Anda muat, jadi pada opsi navigasi dari tab
yang Anda muat, di mana Anda juga mengatur ikon bilah tab dan seterusnya, di sana kita dapat menambahkan label bilah tab di sini kita dapat mengatur
label seperti makanan, beberapa tanda penjelasan untuk menggantikan apa yang kita gunakan sebagai label sekarang baik di iOS dan juga di
Android
dan itu sebenarnya bisa berupa string seperti ini tetapi Anda juga dapat mengatur ini menjadi komponen Bereaksi, untuk
komponen teks yaitu dan kemudian di sana, Anda dapat mengatur label Anda, makanan tetapi tentu saja sekarang di sini, Anda dapat
menambahkan gaya dan menambahkan gaya apa pun yang Anda inginkan.
Jadi sedikit solusi karena tidak ada cara lain untuk menata ini untuk navigator tab bahan
bawah tapi lebih baik daripada tidak sama sekali.
Jadi di sini, kita sekarang dapat mengatur keluarga font ke OpenSans-Bold dan jika kita melakukannya, kita tentu juga harus memastikan
kita sekarang mengimpor komponen teks dari React Native karena kalau tidak kita tidak dapat menggunakannya di sana
dan sekarang dengan itu , kami juga mendapatkan ini di iOS kami tentu saja karena kami berbagi
konfigurasi, kami akan memperbaikinya dalam satu detik tapi sekarang, ini adalah bagaimana kami dapat mengatur
gaya kami sendiri di sana juga, tapi tentu saja kami sekarang kehilangan warna yang merupakan kelemahan dari pengaturan ini secara manual di sini
dan karena kita hanya perlu solusi ini di sini, untuk Android, untuk tab bawah materi, perbaikan termudah adalah dengan menggunakan platform API dan hanya
mengatur label bar tab ini untuk komponen teks ini jika kita kembali di Android karena hanya
saat itu, kita perlu solusi ini untuk mengatur keluarga font. Jadi saya akan memeriksa apakah kita menggunakan Android dan
jika itu masalahnya, saya akan mengembalikan komponen teks di sini, kalau tidak saya hanya akan mengembalikan makan teks dan kemudian keuntungan dari
hanya mengembalikan teks di sini hanya bahwa kita yang lain pengaturan yang mengatur warna warna dan gaya label
dan seterusnya akan masuk dan tidak akan diganti. Jika kita mengatur komponen teks kita sendiri, kita akan menonaktifkan
semua fitur default itu, semua fitur default yang ada di navigator tab bawah.
Masalah dengan navigator tab bawah bahan adalah ia tidak memiliki semua fitur bawaan bawaan ini,
jadi
di sana kita perlu menimpanya, tetapi kita hanya perlu melakukan ini untuk Android di sisi lain.
Sekarang kita dapat menyalinnya dan melakukan hal yang sama tentu
saja di sini untuk favorit, render favorit sebagai teks di iOS dan tentu saja juga dalam komponen teks untuk Android dan dengan itu, kita sekarang harus memiliki
gaya yang berfungsi dan ini terlihat bagus . Di iOS di sana, kami pada dasarnya tidak
mengubah apa pun dan di Android, di sana kami sekarang juga memiliki font khusus kami sendiri.
Jadi ini sedikit solusi yang diperlukan di sini
sayangnya ketika bekerja dengan navigator tab bawah tetapi juga tidak terlalu sulit untuk diterapkan dan dengan itu, kami memastikan
bahwa kami menggunakan font khusus kami sendiri di mana saja di navigasi terkait fitur
aplikasi kami.