Risolto: come nascondere la barra di scorrimento in scrollview reagire nativo

Non c'è modo di nascondere la barra di scorrimento in una visualizzazione a scorrimento in 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

Una barra di scorrimento è un controllo grafico che consente all'utente di scorrere un documento o una pagina web. Le barre di scorrimento vengono in genere visualizzate nell'area del contenuto di una finestra e possono essere utilizzate per scorrere lunghi documenti o pagine.

Nella maggior parte dei browser, l'utente può trascinare la barra di scorrimento a sinistra oa destra per modificare la quantità di contenuto visibile contemporaneamente. In alcuni browser, l'utente può anche utilizzare la tastiera per modificare la quantità di contenuto visibile.

Cos'è Reagire

React è una libreria JavaScript per la creazione di interfacce utente. Ti consente di creare componenti riutilizzabili in modo che il tuo codice sia facile da leggere e mantenere. React semplifica inoltre la creazione di interfacce utente interattive utilizzando componenti stateless.

Reagisci Scrollview

React Scrollview è una libreria per la creazione di contenuti scorrevoli in React. Fornisce un'API dichiarativa per la creazione di componenti scorrevoli e supporta lo scorrimento verticale e orizzontale.

Per utilizzare React Scrollview, devi prima installarlo tramite npm:

npm installa react-scrollview –save

Una volta installato, puoi creare un nuovo componente ScrollView utilizzando la funzione create():

var ScrollView = require( 'react-scrollview' ); var MyScrollView = nuovo ScrollView (); MyScrollView . create ({ container : document . getElementById ( 'my-scroll-container' ), children : [ { text : 'Hello, world!' , }, { text : 'World!' , } ] });