Mari kita mulai dengan membuat ini dapat digunakan lagi karena itu yang paling penting.
Cara mengatasinya di sini tentu saja adalah untuk membuat ini dapat digulir karena jika kita dapat menggulir tampilan ini, maka kita dapat
mencapai tombol ini lagi di sana.
Jadi kembali ke layar mulai permainan, kita perlu tampilan gulir tua yang baik lagi yang kita impor dari
React Native dan sekarang kita dapat menggunakannya untuk membungkus tampilan kita yang mengelilingi layar kita, ini
terjamah tanpa tombol umpan balik dalam hal ini, dengan tampilan gulir .
Jadi mari kita gunakan tampilan gulir untuk mengelilingi seluruh layar kita di sini, seluruh komponen kita pada
akhirnya dan dengan ini, ini sekarang dapat digulir. Keuntungannya adalah kita sekarang keyboardnya terbuka di iOS, Kita
bisa gulir sedikit tapi
kita masih punya masalah yang memantul kembali, jadi itu tidak sempurna tapi setidaknya kita bisa
mencapai tombol ini dan kita akan berhati-hati tentang keyboard dalam sedetik dan sekarang
kita dapat menggunakan aplikasi lagi karena sekarang kita dapat memulai permainan lagi. Sekarang di layar permainan, omong-omong kami memiliki masalah yang sama pada
perangkat Android kecil, kami memiliki ketinggian yang sangat kecil sehingga kami bahkan tidak
dapat melihat log kami, kami dapat menggulirnya tetapi ya itu tidak
terlalu nyaman dan di sini di iOS , kami
juga tidak memiliki log yang besar. Jadi di sana, kita mungkin ingin menggunakan tata letak
yang sama sekali berbeda misalnya atau apa pun,
kita harus melihat tetapi sebelum saya
fokus pada layar ini, ada juga satu hal lain. Kami telah memperbaiki penggulirannya, itu bagus tetapi
kami masih memiliki
dua masalah lain pada layar mulai permainan dan
jika saya mengubah sesuatu, ubah kembali hanya agar ini dimulai kembali, kami memiliki tata letak yang tidak saya sukai
dengan tombolnya, meskipun sekarang terlihat berbeda dari sebelumnya dan kami akan kembali ke
mengapa
dalam sedetik dan
keyboard, itulah masalah sebenarnya di sini. Jadi apa yang bisa kita lakukan tentang ini? Untuk memperbaiki masalah keyboard itu,
ada komponen lain yang dapat Anda impor dari React Native dan itulah tampilan keyboard yang menghindari.
Itu adalah tampilan, komponen yang dapat Anda gunakan untuk membungkus komponen Anda dengan, dalam hal ini di dalam tampilan gulir dan
yang penting, gunakan itu di dalam tampilan gulir dan kemudian bungkus seluruh bagian Anda
yang dapat disentuh tanpa komponen umpan balik untuk memastikan bahwa Anda keyboard, keyboard lunak Anda saat terbuka tidak pernah menindih input yang Anda ketikkan dan
untuk itu Anda juga dapat
mengonfigurasi tampilan menghindari keyboard, Anda dapat mengatur perilaku
di sana dan yang menerima nilai yang berbeda dan mengaturnya ke posisi di sini dan saya Saya akan kembali ke
perilaku berbeda yang dapat Anda atur dan bagaimana mereka berbeda dalam sedetik.
Dengan yang ditambahkan di sini di iOS, Anda sekarang akan melihat ini meluncur sedikit ketika kami membuka keyboard lunak, ketika
kami mulai mengetik. Tidak cukup geser tapi
untuk itu kita juga bisa kembali ke sini dan mengatur offset vertikal keyboard ke angka, misalnya menjadi
30, ini
adalah jumlah piksel yang digeser ke atas
dan ini harus menjadi ketinggian input Anda biasanya atau sekitar ketinggian input Anda.
Dan sekarang ini menggesernya sehingga kita selalu bisa melihat ini yang
hebat, sekarang tidak pernah meletakkan masukan kita di sini.
Sekarang mengatur ini ke posisi perilaku hanya berarti itu reposisi seluruh layar oleh 30 piksel pada dasarnya, kita
juga
bisa mengatur ini ke padding sehingga padding akan ditambahkan di bagian bawah untuk menggeser semuanya ke atas
dan bertahan, tetapi tidak sedikit, Anda juga dapat mengubah tinggi keseluruhan layar sedikit.
Sekarang biasanya di iOS, ini bekerja paling baik jika Anda menggunakan posisi dan di Android itu bekerja paling baik jika Anda menggunakan bantalan
dan kemudian
dalam modul ini, Anda belajar cara mencari tahu di platform mana Anda menjalankannya,
untuk saat ini saya akan menggunakan posisi di sini. Dengan itu, kami memperbaiki masalah keyboard.