Solvita: kiel kaŝi rulumbreton en scrollview reagi denaskan

Ne estas maniero kaŝi la rulstangon en rulrigardo en 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>

Rulumbreto

Rulumbreto estas grafika kontrolo kiu permesas al la uzanto rulumi tra dokumento aŭ retpaĝo. Rulumbretoj estas tipe montrataj en la enhavareo de fenestro, kaj povas esti uzitaj por rulumi tra longaj dokumentoj aŭ paĝoj.

En la plej multaj retumiloj, la uzanto povas treni la rulumbreton maldekstren aŭ dekstren por ŝanĝi la kvanton de enhavo kiu estas videbla samtempe. En iuj retumiloj, la uzanto ankaŭ povas uzi la klavaron por ŝanĝi la kvanton de enhavo videbla.

Kio estas React

React estas JavaScript-biblioteko por konstrui uzantinterfacojn. Ĝi ebligas al vi krei reuzeblajn komponantojn por ke via kodo estas facile legebla kaj prizorgata. React ankaŭ faciligas krei interagajn UI-ojn uzante sennaciajn komponentojn.

Reagi Scrollview

React Scrollview estas biblioteko por krei ruleblan enhavon en React. Ĝi provizas deklaran API por krei ruleblajn komponantojn, kaj subtenas ambaŭ vertikalan kaj horizontalan movadon.

Por uzi React Scrollview, vi unue devas instali ĝin per npm:

npm instali react-scrollview -konservi

Post instalite, vi povas krei novan ScrollView-komponenton uzante la funkcion create():

var ScrollView = bezoni ( 'reagi-scrollview' ); var MyScrollView = nova ScrollView (); MyScrollView . krei ({ ujo : dokumento . getElementById ( 'mia-rullibro-ujo' ), infanoj : [ { text : 'Saluton, mondo!' , }, { text : 'Mondo!' , } ] });

Rilataj afiŝoj:

1 penso pri "Solvita: kiel kaŝi rulumbreton en scrollview reagi denaske"

Lasu komenton