Rozwiązany: jak ukryć pasek przewijania w widoku przewijania reagującym natywnie

Nie ma możliwości ukrycia paska przewijania w widoku przewijania w 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>

pasek przewijania

Pasek przewijania to graficzny element sterujący, który umożliwia użytkownikowi przewijanie dokumentu lub strony internetowej. Paski przewijania są zwykle wyświetlane w obszarze zawartości okna i mogą być używane do przewijania długich dokumentów lub stron.

W większości przeglądarek użytkownik może przeciągnąć pasek przewijania w lewo lub w prawo, aby zmienić ilość treści widocznych jednocześnie. W niektórych przeglądarkach użytkownik może również użyć klawiatury do zmiany ilości widocznych treści.

Co to jest Reaguj

React to biblioteka JavaScript do budowania interfejsów użytkownika. Pozwala tworzyć komponenty wielokrotnego użytku, dzięki czemu kod jest łatwy do odczytania i utrzymania. React ułatwia również tworzenie interaktywnych interfejsów użytkownika przy użyciu komponentów bezstanowych.

Zareaguj na widok przewijania

React Scrollview to biblioteka do tworzenia przewijanej treści w React. Zapewnia deklaratywne API do tworzenia przewijalnych komponentów i obsługuje przewijanie zarówno w pionie, jak iw poziomie.

Aby korzystać z React Scrollview, musisz najpierw zainstalować go przez npm:

npm install reagowanie-scrollview –save

Po zainstalowaniu możesz utworzyć nowy komponent ScrollView za pomocą funkcji create() :

var ScrollView = require ('react-scrollview'); var MyScrollView = new ScrollView (); Mój widok przewijania . utwórz ({ kontener : dokument . getElementById ( 'mój-kontener-przewijania' ), dzieci : [ { tekst: „Witaj, świecie!”, }, { tekst: „Świat!”, } ] });