Lahendatud: reageerida native flatlist peida kerimisriba

React native flatlist hide kerimisriba peamine probleem on see, et kerimisriba nähtavuse reguleerimine võib olla keeruline. See võib olla probleem, kui soovite kerimisriba peita ainult siis, kui loend on täis, või kui soovite kerimisriba peita ainult siis, kui see on ekraanil nähtav.

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>

Ülaltoodud kood peidab React Native FlatListis kerimisriba. Kood seab atribuudi showVerticalScrollIndicator väärtusele false ja samuti seab FlatListi stiili atribuudi ületäitumiseks: 'peidetud'.

Nupu omadused

React Native'i nupule saab määrata mõned omadused. Need sisaldavad:

tüüp – nupu tüüp, mis võib olla kas nupp või tekstisisend .

– nupu tüüp, mis võib olla kas a või . onPress – funktsioon, mis käivitatakse nupu vajutamisel. See funktsioon peaks võtma ühe argumendi, mis on ekraanil vajutatud sõrme indeks.

– Funktsioon, mis käivitatakse nupu vajutamisel. See funktsioon peaks võtma ühe argumendi, mis on ekraanil vajutatud sõrme indeks. stiil – nupu stiil. Selle saab määrata mis tahes kehtivale CSS-i atribuudile.