Solucionat: com amagar la barra de desplaçament a la vista de desplaçament reacciona nativa

No hi ha manera d'amagar la barra de desplaçament en una vista de desplaçament a 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>

barra de desplaçament

Una barra de desplaçament és un control gràfic que permet a l'usuari desplaçar-se per un document o pàgina web. Les barres de desplaçament es mostren normalment a l'àrea de contingut d'una finestra i es poden utilitzar per desplaçar-se per documents o pàgines llargues.

A la majoria de navegadors, l'usuari pot arrossegar la barra de desplaçament cap a l'esquerra o cap a la dreta per canviar la quantitat de contingut que és visible alhora. En alguns navegadors, l'usuari també pot utilitzar el teclat per canviar la quantitat de contingut que és visible.

Què és React

React és una biblioteca de JavaScript per crear interfícies d'usuari. Us permet crear components reutilitzables perquè el vostre codi sigui fàcil de llegir i mantenir. React també facilita la creació d'interfícies d'usuari interactives mitjançant components sense estat.

Reacciona Scrollview

React Scrollview és una biblioteca per crear contingut desplaçable a React. Proporciona una API declarativa per crear components que es poden desplaçar i admet el desplaçament vertical i horitzontal.

Per utilitzar React Scrollview, primer heu d'instal·lar-lo mitjançant npm:

npm instal·lar react-scrollview –guardar

Un cop instal·lat, podeu crear un nou component ScrollView mitjançant la funció create():

var ScrollView = require ( 'react-scrollview'); var MyScrollView = new ScrollView (); MyScrollView . crear ({ contenidor : document . getElementById ( 'el meu-contenidor de desplaçament' ), fills : [ { text : 'Hola, món!' , }, { text : 'Món!' , } ] });