Namun kadang-kadang, Anda tidak bisa mendapatkan tata
letak yang benar dengan persentase lebar dan piksel hardcode seperti ini, kadang-kadang Anda benar-benar perlu tahu
berapa banyak piksel
yang Anda miliki, misalnya di sini pada tombol di mana kami menetapkan lebar 100, kami menetapkan
100, apa pun ukuran perangkatnya.
Sekarang sebenarnya, kita tahu bahwa kita ingin memiliki dua tombol duduk bersebelahan.
Jadi yang dapat kita lakukan adalah kita cukup memastikan bahwa kita mengambil lebar tombol yang selalu pas di layar tidak peduli seberapa
kecil itu dan untuk itu,
kita perlu mengetahui berapa banyak piksel yang kita miliki dengan lebar dan itu adalah sesuatu yang kita
bisa cari tahu dengan bantuan React Native. Di sana dari Bereaksi Asli,
Anda dapat mengimpor objek dimensi di sini, dimensi adalah nama.
Sekarang ini bukan komponen yang Anda gunakan, melainkan ini adalah objek yang memungkinkan Anda mengetahui
berapa lebar yang Anda miliki.
Sekarang kita dapat menggunakan ini misalnya di sana di mana kita mengatur lebar tombol kita, daripada mengaturnya
seperti ini, kita dapat mengatur lebar
kita ke dimensi dan kemudian ada metode get di mana Anda bisa mendapatkan dimensi jendela.
Anda juga dapat
memperolehnya dari layar, perbedaan antara jendela dan layar hanya penting pada Android di mana dengan jendela, tinggi status bar akan
dikeluarkan dari perhitungan dan oleh
karena itu ini akan menjadi bagian layar
di mana konten Anda akan tinggal di.
Jadi Anda biasanya harus menggunakan jendela di sini karena di
iOS itu tidak masalah, di Android dijamin menjadi bagian dari layar yang benar-benar duduk di UI Anda tanpa bilah status
di bagian atas.
Jadi biasanya, Anda mungkin ingin menggunakan jendela di sini untuk mendapatkan ruang nyata yang tersedia untuk tata letak Anda, dimensi
nyata yang dapat Anda gunakan untuk tata letak Anda. Sekarang ini memberi Anda objek di mana Anda bisa
mendapatkan beberapa properti, empat tepatnya - skala font yang diatur pengguna,
jadi misalnya jika pengguna ingin memiliki font yang lebih besar, maka Anda bisa mendapatkan pengganda
di sini dengan skala font tetapi
yang paling penting, Anda mendapatkan lebar dan tinggi dan jika kami mendapatkan lebar di sini, maka kami
mendapatkan lebar keseluruhan
perangkat aplikasi ini berjalan.
Sekarang kita tahu bahwa kita ingin memeras setidaknya dua tombol ke dalam perangkat ini di sini,
jadi kita bisa membaginya menjadi dua, jadi sekarang setiap tombol setengah selebar perangkat.
Sekarang jika kita menyimpan ini, kita tidak benar-benar mendapatkan tampilan yang kita inginkan karena
tentu saja, itu terlalu besar tetapi jika kita membaginya dengan tiga misalnya, maka ini sudah terlihat lebih
baik di layar kecil,
bukan pada yang besar tetapi bagaimana kalau empat? Jika kami mengambil empat, maka kami memiliki banyak
ruang untuk semua ruang lain yang kami butuhkan seperti jarak di sekitar wadah kami dan kami memastikan bahwa tombol kami selalu menghargai ukuran perangkat.
Sekarang tentu saja di sini, Anda bisa mencapai sesuatu yang serupa dengan menetapkan lebar ke persentase, seperti 40%
di sini tapi saya juga ingin memperkenalkan dimensi API di sini yang akan kami gunakan
nanti juga.
Ini adalah API yang bagus untuk mengetahui berapa banyak piksel yang Anda miliki pada lebar dan
ketinggian pada
perangkat atau berjalan dan itu penting, di mana persentase di sini selalu mengacu pada tampilan induk langsung dan
tidak selalu dengan lebar yang
tersedia dari perangkat , hanya itu yang terjadi pada
orangtua paling atas, jadi pada tampilan teratas yang Anda render. Jendela mendapatkan dimensi selalu memberi Anda dimensi untuk seluruh perangkat,
di mana pun Anda menggunakannya.
Jadi lebar di sini selalu adalah lebar layar kita di perangkat dan tidak pernah dari orang tua atau apa pun.
Jadi ini bisa sangat berguna jika Anda ingin gaya sesuatu dengan cara tertentu atau ukuran sesuatu
dengan cara tertentu karena ini memberi tahu Anda berapa banyak lebar yang Anda miliki.