Masalah utama yang terkait dengan tampilan asli reaksi pusat perataan vertikal adalah dapat menyebabkan masalah pengguliran. Saat pengguna menggulir halaman ke bawah, konten di tengah layar akan ikut bergerak ke bawah, tetapi konten di sisi layar akan tetap diam. Ini bisa menjadi masalah jika Anda ingin pengguna dapat melihat semua konten Anda sekaligus.
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
Tidak ada cara bawaan untuk menyelaraskan tampilan secara vertikal di React Native. Namun, Anda dapat menggunakan properti gaya "transform" dengan nilai "translateY(50%)" untuk memusatkan tampilan secara vertikal.
Perataan vertikal teks dalam reaksi asli (menggunakan nativebase)
Perataan vertikal dalam teks dikontrol oleh properti TextAlign. Ada tiga kemungkinan nilai:
meninggalkan
pusat
benar
Teks Bersarang
Di React Native, teks bersarang adalah fitur yang memungkinkan Anda membuat bidang teks yang dapat berisi bidang teks lainnya. Ini berguna jika Anda ingin membuat formulir yang memiliki banyak bidang, dan Anda ingin agar bidang tetap teratur.
Untuk menggunakan teks bersarang di aplikasi React Native Anda, pertama buat komponen TextField baru. Kemudian, tambahkan kode berikut ke konstruktor:
this.status = {};
Ini akan menginisialisasi keadaan bidang teks sehingga berisi string kosong. Selanjutnya, tambahkan kode berikut ke penangan onChange:
this.setState({teks: this.state.text});
Ini akan memperbarui status bidang teks dengan nilai apa pun yang saat ini ada di dalamnya. Terakhir, tambahkan komponen TextField baru di bawah yang asli dan tentukan bahwa itu harus digunakan sebagai bidang anak:
