Solved: react native flatlist hide scrollbar

The main problem with react native flatlist hide scrollbar is that it can be difficult to control the visibility of the scrollbar. This can be a problem if you want to hide the scrollbar only when the list is full or if you want to hide the scrollbar only when it is visible onscreen.

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>

The code above is hiding the scrollbar in a React Native FlatList. The code is setting the showsVerticalScrollIndicator property to false and also setting the style property on the FlatList itself to overflow: ‘hidden’.

Button properties

There are a few properties that can be set on a Button in React Native. These include:

type – The type of button, which can be either a Button or a TextInput .

– The type of button, which can be either a or a . onPress – A function that is called when the button is pressed. This function should take one argument, which is the index of the finger that was pressed on the screen.

– A function that is called when the button is pressed. This function should take one argument, which is the index of the finger that was pressed on the screen. style – A style for the button. This can be set to any valid CSS property.