解決済み: スクロールビューでスクロールバーを非表示にする方法は、ネイティブに反応します

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>

スクロールバー

スクロールバーは、ユーザーがドキュメントまたは Web ページをスクロールできるようにするグラフィカル コントロールです。 スクロールバーは通常、ウィンドウのコンテンツ領域に表示され、長いドキュメントやページをスクロールするために使用できます。

ほとんどのブラウザーでは、ユーザーはスクロールバーを左右にドラッグして、一度に表示されるコンテンツの量を変更できます。 一部のブラウザーでは、ユーザーはキーボードを使用して、表示されるコンテンツの量を変更することもできます。

Reactとは

React は、ユーザー インターフェイスを構築するための JavaScript ライブラリです。 これにより、再利用可能なコンポーネントを作成できるため、コードが読みやすく、保守しやすくなります。 React では、ステートレス コンポーネントを使用してインタラクティブな UI を簡単に作成することもできます。

スクロールビューに反応する

React Scrollview は、React でスクロール可能なコンテンツを作成するためのライブラリです。 スクロール可能なコンポーネントを作成するための宣言型 API を提供し、垂直スクロールと水平スクロールの両方をサポートします。

React Scrollview を使用するには、まず npm 経由でインストールする必要があります。

npm install 反応-スクロールビュー –save

インストールしたら、 create() 関数を使用して新しい ScrollView コンポーネントを作成できます。

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