How to hide scroll indicator in react native

Hello Friends 👋,

Welcome To Infinitbility! ❤️

This tutorial will help you to hide vertical and horizontal scroll indicator of react native ScrollView and FlatList.

Let’s start today tutorial How to hide scroll indicator in react native

React Native ScrollView and FlatList default show indicator on right and bottom when use scroll view.

React Native ScrollView and FlatList provide showsVerticalScrollIndicator and showsHorizontalScrollIndicator to hide or remove scroll indicator and both are true default, we have to pass as false to hidel scrollbar.

Hide scroll indicator in ScrollView Example

<ScrollView
  showsVerticalScrollIndicator={false}
  showsHorizontalScrollIndicator={false}
 />

Hide scroll indicator in FlatList Example

<FlatList
  showsVerticalScrollIndicator={false}
  showsHorizontalScrollIndicator={false}
 />

Thanks For Reading…