Resolvido: como ocultar a barra de rolagem no scrollview reagir nativo

Não há como ocultar a barra de rolagem em uma visualização de rolagem no 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 rolagem

Uma barra de rolagem é um controle gráfico que permite ao usuário rolar por um documento ou página da web. As barras de rolagem são normalmente exibidas na área de conteúdo de uma janela e podem ser usadas para rolar documentos ou páginas longas.

Na maioria dos navegadores, o usuário pode arrastar a barra de rolagem para a esquerda ou para a direita para alterar a quantidade de conteúdo visível de uma só vez. Em alguns navegadores, o usuário também pode usar o teclado para alterar a quantidade de conteúdo visível.

o que é reagir

React é uma biblioteca JavaScript para construir interfaces de usuário. Ele permite que você crie componentes reutilizáveis ​​para que seu código seja fácil de ler e manter. O React também facilita a criação de UIs interativas usando componentes sem estado.

Reagir Scrollview

React Scrollview é uma biblioteca para criar conteúdo rolável no React. Ele fornece uma API declarativa para criar componentes roláveis ​​e suporta rolagem vertical e horizontal.

Para usar o React Scrollview, primeiro você precisa instalá-lo via npm:

npm instalar react-scrollview –save

Depois de instalado, você pode criar um novo componente ScrollView usando a função create():

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