Sekarang ada satu hal tambahan ketika membuat aplikasi mobile untuk ponsel modern, kita bisa
melihat ini di iPhone yang saya putar.
Baik.
Dan lekukan ini terkadang dapat menumpuk konten Anda.
Hal yang sama berlaku untuk bilah indikator Task Manager layar utama di sini di bagian bawah pada iPhone.
Anda lihat itu tumpang tindih tombol permainan baru kami dan ya saya bisa gulir ke atas tetapi memantul kembali dan
selalu di atas tombol itu.
Jadi ini adalah elemen-elemen yang merupakan bagian dari yang bijak yang dapat merusak antarmuka kita.
Misalnya jika kami telah meninggalkan teks yang disejajarkan, mungkin tumpang tindih dengan takik ini atau dalam hal ini adalah tombol layar beranda di
mana teks itu berada.
Nah, task manager adalah bar indikator yang tumpang tindih dengan konten kami.
Dan tentu saja bukan itu yang terjadi pada iPhone.
Anda bisa memiliki masalah serupa di perangkat Android.
Di sana Anda juga memiliki perangkat dengan takik atau dengan yang seperti itu.
Sekarang untuk memastikan bahwa aplikasi Anda selalu terlihat bagus di semua perangkat yang berbeda Bereaksi Asli
memiliki komponen khusus, Anda dapat menggunakan komponen yang secara otomatis menyesuaikan konten Anda agar sesuai dengan layar
perangkat Anda dan menghormati takik dan hal-hal lain.
Jadi misalnya di sini di game over screen di mana saya memiliki masalah ini di iPhone kita
dapat mengimpor komponen khusus ini React Native offers dan itulah tampilan area aman.
Ini disebut seperti ini karena ini adalah tampilan pembungkus yang dapat kita tempatkan di sekitar konten kita yang
menandai area aman di mana kita dapat memposisikan konten kita karena di sana kita tidak akan memiliki masalah dengan takikan
dan sebagainya.
Sekarang bagaimana Anda gunakan untuk menghemat area.
Anda cukup mengambil dan membungkusnya di sekitar konten Anda.
Jadi di sekitar tampilan gulir kami di sini misalnya, kami dapat membungkus semua itu di layar
permainan dengan tampilan area aman dan itu penting.
Tampilan Area Aman harus selalu membungkus tampilan teratas Anda.
Jadi dalam hal ini tampilan gulir di sini jadi sekarang adalah aman.
Jika kita kembali dan kita melalui permainan kita sangat cepat di sini di iPhone memulai permainan baru lima puluh lima adalah
angka dan menyelesaikan ini maka
apa yang Anda lihat adalah sesuatu yang menarik masalah menjadi lebih buruk.
Nah sebelum kita berhati-hati tentang hal ini, harap perhatikan bahwa bilah gulir yang Anda lihat di sini di sebelah
kanan sekarang sebenarnya sedikit menjorok.
Ini tidak sepenuhnya di kanan dan yang sudah d area tampilan aman memiliki
beberapa efek yang menambahkan beberapa padding di sebelah kiri dan kanan untuk memastikan bahwa kita menghormati de notch yang akan
mengambil beberapa ruang di sana dan memberi kita beberapa padding bahwa konten kami jelas tidak tumpang tindih oleh takik.
Tapi tentu saja kita punya masalah di sana di bagian bawah.
Alasan untuk itu adalah bahwa saya tidak benar-benar menggunakan tampilan area simpan sebagai tampilan teratas saya.
Jadi mari kita hapus dari sana dari game over screen karena apa pandangan utama kita.
Nah itu di file aplikasi catur pada akhirnya di sana.
Kami memiliki konten kami, tampilan ini di sini, di mana kami harus tajuk dan lalu pemirsa mana pun yang memuat.
Jadi misalnya tajuk bukan bagian dari tampilan area simpannya dan itu seharusnya.
Jadi mari kita impor Area Aman lihat di sini di file aplikasi jazz dan mari kita bungkus tampilan ini di sini dengan itu seperti itu jadi sekarang
dengan
ini mari kita simpan dan mari kita lihat nomor dengan menunggu aplikasi untuk memuat ulang dan
apa yang kita lihat adalah kosong Layar sekarang solusinya sederhana.
Mari kita ambil gaya yang kami terapkan pada Anda ini dan berlaku untuk area Simpan Anda dan sekarang singkirkan tampilan
lain ini.
Karena sekarang ini hanya menggantikan pandangan normal kita di sini dan sekarang tidak berfungsi dan sekarang mari
kita pergi untuk permainan itu lagi mari kita cepat menyelesaikan ini
apa yang sekarang Anda lihat sudah mati di sini di bagian bawah.
Kami sekarang memiliki beberapa jarak ekstra di antara itu.
Saya ingin pergi ke bilah pengelola tugas di sini dan tombol permainan baru yang sebelumnya tidak kami miliki.
Kami juga memiliki spasi di sebelah kiri dan kanan di sini untuk menghormati takik sehingga konten ini tidak pernah tumpang
tindih.
Kita mungkin ada di sebelah kiri sana dan kita punya bantalan tambahan di bagian atas dan bawah.
Sekarang tentu saja tajuk kami tidak terlihat super cantik dengan spasi tambahan ini di sini dan itu sebenarnya sesuatu yang
akan kami rawat dalam modul navigasi atau sebenarnya kami akan dijaga untuk kami.
Kita tidak perlu melakukan banyak hal di sana, tetapi sekali lagi ini bukan sesuatu yang harus kita khawatirkan.
Karena itu, yang dapat kami khawatirkan adalah bahwa konten kami selalu terlihat dan dengan
area aman Anda, Anda dapat memastikannya.
Sekarang bukan berarti Anda harus membungkus semua konten Anda atau seluruh aplikasi Anda di tampilan area
aman sepanjang waktu seperti yang akan Anda lihat dalam modul berikutnya ketika kita semua berbicara tentang navigasi di banyak aplikasi
yang sebenarnya akan Anda gunakan perpustakaan yang menangani masalah ini dalam banyak kasus untuk Anda perpustakaan navigasi akan digunakan
di sana.
Jadi di banyak aplikasi karena sebagian besar aplikasi Anda akan memiliki navigasi Anda tidak perlu mengelola
secara manual.
Tetapi jika Anda membuat aplikasi di mana Anda tidak memiliki perpustakaan lain yang menangani hal ini seperti
aplikasi ini di sini, Anda keberatan ketika saya mempertimbangkan untuk membungkus konten Anda dengan tampilan save area jika kontennya tumpang
tindih.