Löst: hur man döljer rullningslisten i scrollview reager native

Det finns inget sätt att dölja rullningslisten i en rullningsvy i 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>

rullningslist

En rullningslist är en grafisk kontroll som låter användaren rulla igenom ett dokument eller en webbsida. Rullningslister visas vanligtvis i ett fönsters innehållsområde och kan användas för att rulla igenom långa dokument eller sidor.

I de flesta webbläsare kan användaren dra rullningslisten åt vänster eller höger för att ändra mängden innehåll som är synligt samtidigt. I vissa webbläsare kan användaren även använda tangentbordet för att ändra mängden innehåll som är synligt.

Vad är React

React är ett JavaScript-bibliotek för att bygga användargränssnitt. Den låter dig skapa återanvändbara komponenter så att din kod är lätt att läsa och underhålla. React gör det också enkelt att skapa interaktiva användargränssnitt genom att använda tillståndslösa komponenter.

Reagera Scrollview

React Scrollview är ett bibliotek för att skapa rullningsbart innehåll i React. Det tillhandahåller ett deklarativt API för att skapa rullningsbara komponenter och stöder både vertikal och horisontell rullning.

För att använda React Scrollview måste du först installera den via npm:

npm installera react-scrollview – spara

När du har installerat den kan du skapa en ny ScrollView-komponent med funktionen create():

var ScrollView = require ( 'react-scrollview' ); var MyScrollView = new ScrollView (); MyScrollView . skapa ({ container : document . getElementById ( 'my-scroll-container' ), barn : [ { text : 'Hej världen!' , }, { text : 'World!' , } ] });