Opgelost: schuifbalk verbergen in scrollview native reageren

Er is geen manier om de schuifbalk in een schuifweergave in React Native te verbergen.

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

Een schuifbalk is een grafisch besturingselement waarmee de gebruiker door een document of webpagina kan bladeren. Schuifbalken worden meestal weergegeven in het inhoudsgebied van een venster en kunnen worden gebruikt om door lange documenten of pagina's te bladeren.

In de meeste browsers kan de gebruiker de schuifbalk naar links of rechts slepen om de hoeveelheid inhoud die tegelijkertijd zichtbaar is te wijzigen. In sommige browsers kan de gebruiker ook het toetsenbord gebruiken om de hoeveelheid inhoud die zichtbaar is te wijzigen.

Wat is reageren

React is een JavaScript-bibliotheek voor het bouwen van gebruikersinterfaces. Hiermee kunt u herbruikbare componenten maken, zodat uw code gemakkelijk te lezen en te onderhouden is. React maakt het ook eenvoudig om interactieve UI's te maken door stateless componenten te gebruiken.

Reageer Scrollview

React Scrollview is een bibliotheek voor het maken van scrollbare inhoud in React. Het biedt een declaratieve API voor het maken van schuifbare componenten en ondersteunt zowel verticaal als horizontaal scrollen.

Om React Scrollview te gebruiken, moet je het eerst installeren via npm:

npm install reageren-scrollview –opslaan

Eenmaal geïnstalleerd, kunt u een nieuwe ScrollView-component maken met behulp van de create() functie:

var ScrollView = vereisen ('react-scrollview'); var MyScrollView = nieuwe ScrollView (); MijnScrollView. create ({ container: document . getElementById ('my-scroll-container'), children: [ { text : 'Hello, world!', }, { text: 'World!', } ] });