Løst: hvordan skjules rullepanel i scrollview react native

Der er ingen måde at skjule rullepanelet 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>

rullebjælke

En rullepanel er en grafisk kontrol, der giver brugeren mulighed for at rulle gennem et dokument eller en webside. Rullebjælker vises typisk i et vindues indholdsområde og kan bruges til at rulle gennem lange dokumenter eller sider.

I de fleste browsere kan brugeren trække rullepanelet til venstre eller højre for at ændre mængden af ​​indhold, der er synligt på én gang. I nogle browsere kan brugeren også bruge tastaturet til at ændre mængden af ​​indhold, der er synligt.

Hvad er React

React er et JavaScript-bibliotek til opbygning af brugergrænseflader. Det lader dig oprette genbrugelige komponenter, så din kode er nem at læse og vedligeholde. React gør det også nemt at skabe interaktive brugergrænseflader ved at bruge statsløse komponenter.

Reager Scrollview

React Scrollview er et bibliotek til at skabe scrollbart indhold i React. Det giver en deklarativ API til oprettelse af rullebare komponenter og understøtter både lodret og vandret rulning.

For at bruge React Scrollview skal du først installere det via npm:

npm installer react-scrollview – gem

Når den er installeret, kan du oprette en ny ScrollView-komponent ved hjælp af create()-funktionen:

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