Løst: hvordan skjule scrollbar i scrollview reager native

Det er ingen måte å skjule rullefeltet i en rullevisning 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>

scrollbar

En rullefelt er en grafisk kontroll som lar brukeren bla gjennom et dokument eller en nettside. Rullefelt vises vanligvis i vinduets innholdsområde, og kan brukes til å bla gjennom lange dokumenter eller sider.

I de fleste nettlesere kan brukeren dra rullefeltet til venstre eller høyre for å endre mengden innhold som er synlig på en gang. I noen nettlesere kan brukeren også bruke tastaturet til å endre mengden innhold som er synlig.

Hva er React

React er et JavaScript-bibliotek for å bygge brukergrensesnitt. Den lar deg lage gjenbrukbare komponenter slik at koden din er enkel å lese og vedlikeholde. React gjør det også enkelt å lage interaktive brukergrensesnitt ved å bruke statsløse komponenter.

Reager Scrollview

React Scrollview er et bibliotek for å lage rullbart innhold i React. Den gir en deklarativ API for å lage rullbare komponenter, og støtter både vertikal og horisontal rulling.

For å bruke React Scrollview må du først installere den via npm:

npm installer react-scrollview – lagre

Når den er installert, kan du opprette en ny ScrollView-komponent ved å bruke create()-funksjonen:

var ScrollView = require ( 'react-scrollview' ); var MyScrollView = new ScrollView (); MyScrollView . create ({ container : document . getElementById ( 'my-scroll-container' ), barn : [ { text : 'Hei, verden!' , }, { text : 'World!' , } ] });