Résolu : comment masquer la barre de défilement dans scrollview réagir nativement

Il n'y a aucun moyen de masquer la barre de défilement dans une vue de défilement dans 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>

Barre de défilement

Une barre de défilement est une commande graphique qui permet à l'utilisateur de faire défiler un document ou une page Web. Les barres de défilement sont généralement affichées dans la zone de contenu d'une fenêtre et peuvent être utilisées pour faire défiler de longs documents ou pages.

Dans la plupart des navigateurs, l'utilisateur peut faire glisser la barre de défilement vers la gauche ou vers la droite pour modifier la quantité de contenu visible à la fois. Dans certains navigateurs, l'utilisateur peut également utiliser le clavier pour modifier la quantité de contenu visible.

C'est quoi Réagir

React est une bibliothèque JavaScript pour créer des interfaces utilisateur. Il vous permet de créer des composants réutilisables afin que votre code soit facile à lire et à entretenir. React facilite également la création d'interfaces utilisateur interactives en utilisant des composants sans état.

Réagir Scrollview

React Scrollview est une bibliothèque pour créer du contenu déroulant dans React. Il fournit une API déclarative pour créer des composants défilants et prend en charge le défilement vertical et horizontal.

Pour utiliser React Scrollview, vous devez d'abord l'installer via npm :

npm installer réagir-scrollview – enregistrer

Une fois installé, vous pouvez créer un nouveau composant ScrollView en utilisant la fonction create() :

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