Tidak ada cara untuk menyembunyikan scrollbar di scrollview di React Native.
I have a scrollview in react native and I want to hide the scrollbar. How can I do that? A: You can use <code>showsHorizontalScrollIndicator</code> and <code>showsVerticalScrollIndicator</code> props of ScrollView to hide horizontal and vertical scrollbars respectively. <blockquote> <p><strong><a href="https://facebook.github.io/react-native/docs/scrollview#props" rel="nofollow noreferrer">https://facebook.github.io/react-native/docs/scrollview#props</a></strong></p> </blockquote> <code><ScrollView showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false}> ... </ScrollView> </code>
Scroll bar
Scrollbar adalah kontrol grafis yang memungkinkan pengguna untuk menggulir dokumen atau halaman web. Bilah gulir biasanya ditampilkan di area konten jendela, dan dapat digunakan untuk menelusuri dokumen atau halaman yang panjang.
Di sebagian besar browser, pengguna dapat menyeret bilah gulir ke kiri atau ke kanan untuk mengubah jumlah konten yang terlihat pada satu waktu. Di beberapa browser, pengguna juga dapat menggunakan keyboard untuk mengubah jumlah konten yang terlihat.
Apa itu Bereaksi
React adalah library JavaScript untuk membangun antarmuka pengguna. Ini memungkinkan Anda membuat komponen yang dapat digunakan kembali sehingga kode Anda mudah dibaca dan dipelihara. React juga memudahkan untuk membuat UI interaktif dengan menggunakan komponen stateless.
Bereaksi Scrollview
React Scrollview adalah pustaka untuk membuat konten yang dapat digulir di React. Ini menyediakan API deklaratif untuk membuat komponen yang dapat digulir, dan mendukung pengguliran vertikal dan horizontal.
Untuk menggunakan React Scrollview, Anda harus menginstalnya terlebih dahulu melalui npm:
npm instal reaksi-scrollview –simpan
Setelah diinstal, Anda dapat membuat komponen ScrollView baru menggunakan fungsi create() :
var ScrollView = membutuhkan ( 'react-scrollview' ); var MyScrollView = ScrollView baru (); MyScrollView . buat ({ container : document .getElementById ( 'my-scroll-container' ), anak-anak : [ { teks : 'Halo, dunia!' , }, { teks : 'Dunia!' , } ] });
Tambahkan saja showHorizontalScrollIndicator={false} untuk horizontal dan showVerticalScrollIndicator={false} untuk vertikal.