Solved: paano itago ang scrollbar sa scrollview react native

Walang paraan upang itago ang scrollbar sa isang scrollview sa 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>

scrollbar

Ang scrollbar ay isang graphical na kontrol na nagpapahintulot sa gumagamit na mag-scroll sa isang dokumento o web page. Ang mga scrollbar ay karaniwang ipinapakita sa lugar ng nilalaman ng isang window, at maaaring gamitin upang mag-scroll sa mahahabang dokumento o pahina.

Sa karamihan ng mga browser, maaaring i-drag ng user ang scrollbar pakaliwa o pakanan upang baguhin ang dami ng nilalaman na nakikita sa isang pagkakataon. Sa ilang browser, magagamit din ng user ang keyboard para baguhin ang dami ng content na nakikita.

Ano ang React

Ang React ay isang JavaScript library para sa pagbuo ng mga user interface. Hinahayaan ka nitong lumikha ng mga bahaging magagamit muli upang ang iyong code ay madaling basahin at mapanatili. Pinapadali din ng React ang paggawa ng mga interactive na UI sa pamamagitan ng paggamit ng mga stateless na bahagi.

Mag-react sa Scrollview

Ang React Scrollview ay isang library para sa paggawa ng na-scroll na content sa React. Nagbibigay ito ng deklaratibong API para sa paglikha ng mga na-scroll na bahagi, at sinusuportahan ang parehong patayo at pahalang na pag-scroll.

Upang magamit ang React Scrollview, kailangan mo munang i-install ito sa pamamagitan ng npm:

npm install react-scrollview โ€“save

Kapag na-install na, maaari kang lumikha ng bagong bahagi ng ScrollView gamit ang create() function:

var ScrollView = nangangailangan ( 'react-scrollview' ); var MyScrollView = bagong ScrollView (); MyScrollView . lumikha ({ container : document . getElementById ( 'my-scroll-container' ), mga bata : [ { text : 'Hello, world!' , }, { text : 'World!' , } ] });

Kaugnay na mga post:

1 naisip sa "Nalutas: kung paano itago ang scrollbar sa scrollview react native"

Mag-iwan ng komento