Gelöst: Wie man die Bildlaufleiste in der Bildlaufansicht ausblendet, reagiert nativ

Es gibt keine Möglichkeit, die Bildlaufleiste in einer Bildlaufansicht in React Native auszublenden.

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

Eine Bildlaufleiste ist ein grafisches Steuerelement, mit dem der Benutzer durch ein Dokument oder eine Webseite blättern kann. Bildlaufleisten werden normalerweise im Inhaltsbereich eines Fensters angezeigt und können verwendet werden, um durch lange Dokumente oder Seiten zu blättern.

In den meisten Browsern kann der Benutzer die Bildlaufleiste nach links oder rechts ziehen, um die Menge des gleichzeitig sichtbaren Inhalts zu ändern. In einigen Browsern kann der Benutzer auch die Tastatur verwenden, um die Menge des sichtbaren Inhalts zu ändern.

Was ist Reagieren

React ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Damit können Sie wiederverwendbare Komponenten erstellen, sodass Ihr Code einfach zu lesen und zu warten ist. React macht es auch einfach, interaktive UIs zu erstellen, indem zustandslose Komponenten verwendet werden.

Scrollview reagieren

React Scrollview ist eine Bibliothek zum Erstellen von scrollbaren Inhalten in React. Es bietet eine deklarative API zum Erstellen von scrollbaren Komponenten und unterstützt sowohl vertikales als auch horizontales Scrollen.

Um React Scrollview zu verwenden, müssen Sie es zuerst über npm installieren:

npm install respond-scrollview –save

Nach der Installation können Sie mit der Funktion create() eine neue ScrollView-Komponente erstellen:

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