Kuxazululiwe: indlela yokufihla ibha yokuskrola ku-scrollview react native

Ayikho indlela yokufihla ibha yokuskrola ekubukeni kokuskrola kokuthi 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>

Ibha yokuskrola

Ibha yokuskrola isilawuli esiyisithombe esivumela umsebenzisi ukuthi askrole kudokhumenti noma ikhasi lewebhu. Amabha wokuskrola ngokuvamile aboniswa endaweni yokuqukethwe kwewindi, futhi angasetshenziswa ukupheqa kumadokhumenti amade noma amakhasi.

Ezipheqululini eziningi, umsebenzisi angahudula ibha yokuskrola kwesokunxele noma kwesokudla ukuze aguqule inani lokuqukethwe elibonakala ngesikhathi esisodwa. Kwezinye iziphequluli, umsebenzisi angasebenzisa ikhibhodi ukushintsha inani lokuqukethwe elibonakalayo.

Yini i-React

I-React yilabhulali ye-JavaScript yokwakha izixhumanisi zabasebenzisi. Ikuvumela ukuthi udale izingxenye ezisebenziseka kabusha ukuze ikhodi yakho ifundeke kalula futhi igcinwe. I-React futhi yenza kube lula ukudala ama-UI asebenzisanayo ngokusebenzisa izingxenye ezingenasici.

I-React Scrollview

I-React Scrollview ilabhulali yokudala okuqukethwe okungasolekayo ku-React. Ihlinzeka nge-API ememezelayo yokudala izingxenye ezinyakazayo, futhi isekela kokubili ukuskrola okuqondile nokuvundlile.

Ukuze usebenzise i-React Scrollview, udinga kuqala ukuyifaka nge-npm:

npm faka i-react-scrollview -gcina

Uma isifakiwe, ungakha ingxenye entsha ye-ScrollView usebenzisa umsebenzi we-create():

var ScrollView = dinga ( 'react-scrollview' ); var MyScrollView = iScrollView entsha (); I-MyScrollView . dala ({ isiqukathi : idokhumenti . getElementById ( 'my-scroll-container' ), izingane : [ { umbhalo : 'Sawubona, mhlaba!' , }, { umbhalo : 'Umhlaba!' , } ]});