Решено: как да скриете лентата за превъртане в scrollview реагирате естествено

Няма начин да скриете лентата за превъртане в изглед за превъртане в 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 инсталирайте реакция-scrollview –save

Веднъж инсталиран, можете да създадете нов компонент ScrollView с помощта на функцията create():

var ScrollView = require ('react-scrollview'); var MyScrollView = нов ScrollView (); MyScrollView. създаване ({ контейнер: документ. getElementById ('my-scroll-container'), деца: [ { текст: 'Здравей, свят!', }, { текст: 'Свят!', } ] });