Επιλύθηκε: πώς να αποκρύψετε τη γραμμή κύλισης στο scrollview react native

Δεν υπάρχει τρόπος να αποκρύψετε τη γραμμή κύλισης σε μια προβολή κύλισης στο 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>&lt;ScrollView
showsHorizontalScrollIndicator={false}
showsVerticalScrollIndicator={false}&gt;
...
&lt;/ScrollView&gt;
</code>

κύλισης

Η γραμμή κύλισης είναι ένα γραφικό στοιχείο ελέγχου που επιτρέπει στον χρήστη να κάνει κύλιση σε ένα έγγραφο ή μια ιστοσελίδα. Οι γραμμές κύλισης εμφανίζονται συνήθως στην περιοχή περιεχομένου ενός παραθύρου και μπορούν να χρησιμοποιηθούν για κύλιση σε μεγάλα έγγραφα ή σελίδες.

Στα περισσότερα προγράμματα περιήγησης, ο χρήστης μπορεί να σύρει τη γραμμή κύλισης αριστερά ή δεξιά για να αλλάξει την ποσότητα του περιεχομένου που είναι ορατό κάθε φορά. Σε ορισμένα προγράμματα περιήγησης, ο χρήστης μπορεί επίσης να χρησιμοποιήσει το πληκτρολόγιο για να αλλάξει την ποσότητα του περιεχομένου που είναι ορατό.

Τι είναι το React

Το React είναι μια βιβλιοθήκη JavaScript για τη δημιουργία διεπαφών χρήστη. Σας επιτρέπει να δημιουργείτε επαναχρησιμοποιήσιμα στοιχεία, έτσι ώστε ο κώδικάς σας να είναι εύκολο να διαβαστεί και να διατηρηθεί. Το React διευκολύνει επίσης τη δημιουργία διαδραστικών διεπαφής χρήστη χρησιμοποιώντας στοιχεία χωρίς κατάσταση.

React Scrollview

Το React Scrollview είναι μια βιβλιοθήκη για τη δημιουργία περιεχομένου με δυνατότητα κύλισης στο React. Παρέχει ένα δηλωτικό API για τη δημιουργία στοιχείων με δυνατότητα κύλισης και υποστηρίζει κατακόρυφη και οριζόντια κύλιση.

Για να χρησιμοποιήσετε το React Scrollview, πρέπει πρώτα να το εγκαταστήσετε μέσω npm:

npm εγκατάσταση react-scrollview –save

Μόλις εγκατασταθεί, μπορείτε να δημιουργήσετε ένα νέο στοιχείο ScrollView χρησιμοποιώντας τη συνάρτηση create():

var ScrollView = απαιτείται ( 'react-scrollview' ); var MyScrollView = νέο ScrollView (); MyScrollView. δημιουργία ({ container : document . getElementById ( 'my-scroll-container' ), παιδιά : [ { text : 'Hello, world!' , }, { text : 'World!' , } ] });