Вирішено: як приховати смугу прокрутки в scrollview react native

Немає способу приховати смугу прокрутки в режимі прокрутки в 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>

смуга прокрутки

Смуга прокрутки — це графічний елемент керування, який дозволяє користувачеві прокручувати документ або веб-сторінку. Смуги прокручування зазвичай відображаються в області вмісту вікна, і їх можна використовувати для прокручування довгих документів або сторінок.

У більшості браузерів користувач може перетягувати смугу прокрутки вліво або вправо, щоб змінити кількість вмісту, який відображається одночасно. У деяких браузерах користувач також може використовувати клавіатуру, щоб змінити кількість видимого вмісту.

Що таке React

React — це бібліотека JavaScript для створення інтерфейсів користувача. Він дозволяє створювати компоненти для багаторазового використання, щоб ваш код було легко читати та підтримувати. React також полегшує створення інтерактивних інтерфейсів користувача за допомогою компонентів без стану.

React Scrollview

React Scrollview — це бібліотека для створення прокручуваного вмісту в React. Він надає декларативний API для створення прокручуваних компонентів і підтримує як вертикальне, так і горизонтальне прокручування.

Щоб використовувати React Scrollview, вам спочатку потрібно встановити його через npm:

npm install react-scrollview –save

Після встановлення ви можете створити новий компонент ScrollView за допомогою функції create():

var ScrollView = require ( 'react-scrollview' ); var MyScrollView = новий ScrollView (); MyScrollView. create ({ container : document . getElementById ( 'my-scroll-container' ), children : [ { text : 'Hello, world!' , }, { text : 'World!' , } ] });