Rezolvat: cum să ascundeți bara de derulare în scrollview react nativ

Nu există nicio modalitate de a ascunde bara de defilare într-o vizualizare de defilare în 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>

scrollbar

O bară de derulare este un control grafic care permite utilizatorului să defileze printr-un document sau o pagină web. Barele de defilare sunt de obicei afișate în zona de conținut a unei ferestre și pot fi folosite pentru a derula documente sau pagini lungi.

În majoritatea browserelor, utilizatorul poate trage bara de derulare la stânga sau la dreapta pentru a modifica cantitatea de conținut care este vizibilă la un moment dat. În unele browsere, utilizatorul poate folosi și tastatura pentru a modifica cantitatea de conținut vizibil.

Ce este React

React este o bibliotecă JavaScript pentru construirea de interfețe cu utilizatorul. Vă permite să creați componente reutilizabile, astfel încât codul să fie ușor de citit și întreținut. React facilitează, de asemenea, crearea de interfețe interactive prin utilizarea componentelor apatride.

Reacționează Scrollview

React Scrollview este o bibliotecă pentru crearea de conținut care poate fi derulat în React. Oferă un API declarativ pentru crearea de componente care pot fi derulate și acceptă atât derularea verticală, cât și orizontală.

Pentru a utiliza React Scrollview, mai întâi trebuie să îl instalați prin npm:

npm instalează react-scrollview –salvare

Odată instalat, puteți crea o nouă componentă ScrollView folosind funcția create():

var ScrollView = require ( 'react-scrollview' ); var MyScrollView = new ScrollView (); MyScrollView . create ({ container : document . getElementById ( 'my-scroll-container' ), copii : [ { text : 'Salut, lume!' , }, { text : 'Lumea!' , } ] });