Vyřešeno: jak skrýt posuvník v scrollview reagovat nativní

Neexistuje způsob, jak skrýt posuvník v rolovacím zobrazení v 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>

posuvník

Posuvník je grafický ovládací prvek, který uživateli umožňuje procházet dokumentem nebo webovou stránkou. Posuvníky se obvykle zobrazují v oblasti obsahu okna a lze je použít k procházení dlouhými dokumenty nebo stránkami.

Ve většině prohlížečů může uživatel přetažením posuvníku doleva nebo doprava změnit množství obsahu, který je najednou viditelný. V některých prohlížečích může uživatel také použít klávesnici ke změně množství obsahu, který je viditelný.

Co je React

React je JavaScriptová knihovna pro vytváření uživatelských rozhraní. Umožňuje vám vytvářet opakovaně použitelné součásti, takže váš kód lze snadno číst a udržovat. React také usnadňuje vytváření interaktivních uživatelských rozhraní pomocí bezstavových komponent.

Reagovat Scrollview

React Scrollview je knihovna pro vytváření rolovatelného obsahu v Reactu. Poskytuje deklarativní API pro vytváření rolovatelných komponent a podporuje vertikální i horizontální rolování.

Chcete-li používat React Scrollview, musíte jej nejprve nainstalovat přes npm:

npm install reagovat-scrollview –save

Po instalaci můžete vytvořit novou komponentu ScrollView pomocí funkce create():

var ScrollView = vyžadovat ( 'react-scrollview' ); var MyScrollView = new ScrollView (); MyScrollView . create ({ kontejner : dokument . getElementById ( 'my-scroll-container' ), děti : [ { text : 'Ahoj světe!' , }, { text : 'Svět!' , } ] });