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><ScrollView showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false}> ... </ScrollView> </code>
scrollbar
Traka za pomicanje je grafička kontrola koja omogućava korisniku da se kreće kroz dokument ili web stranicu. Trake za pomicanje se obično prikazuju u području sadržaja prozora i mogu se koristiti za pomicanje kroz dugačke dokumente ili stranice.
U većini pretraživača, korisnik može povući traku za pomicanje lijevo ili desno kako bi promijenio količinu sadržaja koji je istovremeno vidljiv. U nekim pretraživačima, korisnik može koristiti i tastaturu za promjenu količine sadržaja koji je vidljiv.
Šta je React
React je JavaScript biblioteka za izgradnju korisničkih interfejsa. Omogućuje vam kreiranje komponenti za višekratnu upotrebu tako da je vaš kod lak za čitanje i održavanje. React također olakšava kreiranje interaktivnih korisničkih sučelja korištenjem komponenti bez stanja.
Reagirajte Scrollview
React Scrollview je biblioteka za kreiranje sadržaja koji se može pomicati u Reactu. Pruža deklarativni API za kreiranje komponenti koje se mogu pomicati i podržava vertikalno i horizontalno pomicanje.
Da biste koristili React Scrollview, prvo ga morate instalirati putem npm-a:
npm install react-scrollview –save
Jednom instaliran, možete kreirati novu komponentu ScrollView koristeći create() funkciju:
var ScrollView = zahtijevati ('react-scrollview'); var MyScrollView = novi ScrollView (); MyScrollView . kreiraj ({ container : document . getElementById ( 'my-scroll-container' ), children : [ { text : 'Zdravo, svijete!' , }, { text : 'Svijet!' , } ] });
Samo dodajte showHorizontalScrollIndicator={false} za horizontalno i showVerticalScrollIndicator={false} za vertikalno.