Riješeno: kako sakriti traku za pomicanje u scrollview react izvornom

Ne postoji način da sakrijete traku za pomicanje u prikazu za pomicanje u 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>

pomicanje

Traka za pomicanje je grafička kontrola koja korisniku omogućuje pomicanje kroz dokument ili web stranicu. Trake za pomicanje obično se prikazuju u području sadržaja prozora i mogu se koristiti za pomicanje kroz duge dokumente ili stranice.

U većini preglednika korisnik može povlačiti traku za pomicanje lijevo ili desno kako bi promijenio količinu sadržaja koji je vidljiv u jednom trenutku. U nekim preglednicima korisnik također može koristiti tipkovnicu za promjenu količine sadržaja koji je vidljiv.

Što je React

React je JavaScript biblioteka za izgradnju korisničkih sučelja. Omogućuje vam stvaranje komponenti za višekratnu upotrebu tako da je vaš kod lak za čitanje i održavanje. React također olakšava stvaranje interaktivnih korisničkih sučelja korištenjem komponenti bez stanja.

React Scrollview

React Scrollview je biblioteka za stvaranje sadržaja koji se može pomicati u Reactu. Omogućuje deklarativni API za stvaranje komponenti koje je moguće pomicati i podržava okomito i vodoravno pomicanje.

Da biste koristili React Scrollview, prvo ga morate instalirati putem npm-a:

npm instaliraj react-scrollview –save

Nakon instalacije, možete stvoriti novu ScrollView komponentu pomoću funkcije create():

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