Ratkaistu: vierityspalkin piilottaminen vieritysnäkymässä react natiivi

Vierityspalkkia ei voi piilottaa vieritysnäkymässä React Nativessa.

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

Vierityspalkki on graafinen ohjausobjekti, jonka avulla käyttäjä voi selata asiakirjaa tai verkkosivua. Vierityspalkit näytetään yleensä ikkunan sisältöalueella, ja niitä voidaan käyttää pitkien asiakirjojen tai sivujen selaamiseen.

Useimmissa selaimissa käyttäjä voi muuttaa kerralla näkyvän sisällön määrää vetämällä vierityspalkkia vasemmalle tai oikealle. Joissakin selaimissa käyttäjä voi myös muuttaa näkyvän sisällön määrää näppäimistöllä.

Mikä on React

React on JavaScript-kirjasto käyttöliittymien rakentamiseen. Sen avulla voit luoda uudelleenkäytettäviä komponentteja, jotta koodisi on helppo lukea ja ylläpitää. Reactin avulla on myös helppo luoda interaktiivisia käyttöliittymiä käyttämällä tilattomia komponentteja.

React Scrollview

React Scrollview on kirjasto vieritettävän sisällön luomiseen Reactissa. Se tarjoaa deklaratiivisen API:n vieritettävien komponenttien luomiseen ja tukee sekä pysty- että vaakavieritystä.

Jos haluat käyttää React Scrollview -ohjelmaa, sinun on ensin asennettava se npm:n kautta:

npm install react-scrollview –tallenna

Asennuksen jälkeen voit luoda uuden ScrollView-komponentin käyttämällä create()-funktiota:

var ScrollView = vaatia ( 'react-scrollview' ); var MyScrollView = uusi ScrollView (); MyScrollView. luo ({ säiliö : asiakirja . getElementById ( 'my-scroll-container' ), lapset : [ { text : 'Hei, maailma!' , }, { text : 'Maailma!' , } ] });