Sekarang ada satu hal yang akan Anda perhatikan.
Jika Anda memasukkan tujuan di sini dan di sini, saya akan dengan cepat menggunakan tujuan yang sama
berulang kali meskipun itu
memberi saya kesalahan tetapi aplikasi akan terus bekerja, jadi mari kita abaikan peringatan di bagian bawah.
Jika saya memasukkan ini, cukup sering Anda lihat di beberapa titik waktu, kami akan melampaui batas
layar tetapi secara default, Anda tidak dapat
menggulir dan itu adalah sesuatu yang bisa sangat membingungkan jika Anda memulai dengan
React Native karena jika Anda berasal
dari web, di sana, Anda selalu dapat menggulir, browser secara default membuat halaman Anda dapat digulir jika konten Anda melebihi
batas halaman. Di
sini, itu tidak
sama, Anda tidak dapat menggulir hanya karena konten Anda melampaui batas layar
Anda, sebaliknya konten Anda tidak dapat dijangkau lagi.
Sekarang jelas, itu bukan opsi, itu pengalaman pengguna yang mengerikan, kami ingin
memiliki konten yang dapat digulir tetapi di aplikasi asli, Anda harus secara eksplisit tentang fakta bahwa halaman ini atau bagian dari halaman ini
harus dapat digulir dan itu sama dalam Bereaksi Asli karena itu.
Jadi di sini, yang dapat kita lakukan adalah kita dapat menggunakan komponen lain yang dipanggang React Native dan itulah
tampilan gulir dan seperti namanya, ini adalah tampilan yang dapat digulir.
Jadi sekarang kita dapat mengganti tampilan ini di sini yang menyimpan item daftar kami dengan tampilan gulir. Pada tampilan gulir, Anda juga mendapatkan properti yang memungkinkan Anda mengkonfigurasinya,
Anda cukup meletakkan kursor di sini dan
menekan ruang kontrol untuk mendapatkan gambaran tentang apa yang dapat Anda atur atau periksa dokumen resmi,
misalnya Anda dapat
mengatur horizontal ke gulir secara horizontal tapi di sini, saya akan meninggalkan default yaitu pengguliran
vertikal dan dengan hanya menambahkan ini, Anda akan melihat bahwa sekarang jika saya menambahkan belajar Bereaksi Asli selusin kali di sini,
jadi izinkan
saya mengisi halaman itu, sekarang ini dapat digulir saat Anda dapat melihat, sekarang saya dapat menggulir konten saya dan hanya
bagian yang dibungkus dalam tampilan gulir.
Kita bisa membungkusnya di seluruh halaman, jadi kita bisa mengganti tampilan ini di sini dengan tampilan gulir atau
membungkus ini dengan tampilan gulir, sehingga itu juga berfungsi, itu juga sesuatu yang
bisa kita lakukan dan kemudian seluruh halaman dapat digulir, jadi jika sekarang saya
menambahkan belajar Bereaksi Asli di sini, Anda akan melihat
bahwa sekarang seluruh halaman bergeser, di sini di iOS Anda bahkan dapat menggulir tanpa item, itu
adalah perilaku iOS default tetapi tentu saja selalu memantul kembali tetapi itu terserah Anda di mana Anda tambahkan ini dan di sini
saya hanya ingin memiliki subbagian layar yang dapat digulir jadi saya hanya membungkus bagian ini dengan tampilan
gulir tetapi
ini tentu saja merupakan komponen yang sangat penting untuk konten mana pun di mana Anda tidak dapat menjamin
bahwa itu sesuai dengan layar.
Sekarang tentu saja, Anda mungkin berpikir bahwa dengan semua ukuran perangkat ini tersedia, Anda
tidak pernah dapat menjamin hal ini tetapi ada beberapa konten tertentu, seperti input dan tombol
yang Anda selalu dapat masuk ke layar dan yang juga dapat dikonfigurasi untuk mengubah ukurannya agar sesuai dengan layar, sedangkan
ada konten lain, biasanya daftar data seperti ini di sini di mana Anda tidak dapat menjaminnya dan
di mana Anda baru tahu setelah 10 atau 20 item, itu pasti akan melebihi layar apa pun dan itulah
konten yang ingin Anda bungkus ke dalam tampilan gulir. Konten lain seperti tombol input, teks statis hardcoded,
jadi pada
dasarnya setiap konten di mana Anda tahu berapa banyak item yang Anda miliki di muka biasanya dapat
diperas ke layar dengan alat yang tepat, yaitu dengan flexbox yang juga akan dilakukan sepanjang kursus ini tetapi untuk konten
yang dihasilkan secara dinamis seperti ini, Anda pasti menginginkan tampilan gulir.