解決済み: ネイティブのフラットリストに反応してスクロールバーを隠す

反応ネイティブのフラットリスト非表示スクロールバーの主な問題は、スクロールバーの可視性を制御するのが難しい場合があることです。 これは、リストがいっぱいになったときだけスクロールバーを非表示にしたい場合や、スクロールバーが画面に表示されているときだけ非表示にしたい場合に問題になる可能性があります。

I'm trying to hide the scrollbar in a React Native FlatList. I've tried setting showsVerticalScrollIndicator={false} and also setting the style property on the FlatList itself:
<code>&lt;FlatList
  style={{overflow:'hidden'}}
  data={this.state.data}
  renderItem={({item}) =&gt; &lt;Text&gt;{item.key}&lt;/Text&gt;}
/&gt;
</code>

上記のコードは、React Native FlatList でスクロールバーを非表示にしています。 このコードは、showsVerticalScrollIndicator プロパティを false に設定し、FlatList 自体のスタイル プロパティをオーバーフロー: 'hidden' に設定しています。

ボタンのプロパティ

React Native の Button に設定できるプロパティがいくつかあります。 これらには以下が含まれます:

type – ボタンのタイプ。 Button または TextInput のいずれかになります。

– ボタンのタイプ。 または のいずれかになります。 onPress – ボタンが押されたときに呼び出される関数。 この関数は、画面上で押された指のインデックスである XNUMX つの引数を取る必要があります。

– ボタンが押されたときに呼び出される関数。 この関数は、画面上で押された指のインデックスである XNUMX つの引数を取る必要があります。 style – ボタンのスタイル。 これは、任意の有効な CSS プロパティに設定できます。

関連記事:

コメント