Navigate back to the homepage

How to hide scroll indicator in react native

Infinitbility
React Native
October 10th, 2021 · 1 min read
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

1<ScrollView
2 showsVerticalScrollIndicator={false}
3 showsHorizontalScrollIndicator={false}
4 />

Hide scroll indicator in FlatList Example

1<FlatList
2 showsVerticalScrollIndicator={false}
3 showsHorizontalScrollIndicator={false}
4 />

Thanks For Reading…

Join our email list and get notified about new content

No worries, I respect your privacy and I will never abuse your email.

Every week, on Tuesday, you will receive a list of free tutorials I made during the week (I write one every day) and news on other training products I create.

Looking For React Native Tutorial?

we are trying to create the best Tutorial for react native developers.

When you want a daily updates about React Native Tutorial or infinitbility update subscribe to our newsletter.

Read React Native Tutorial

Request New Tutorial or Article on mail [email protected]

Guide book

Guidebook: The Javascript Monorepo

Tutorials

Categories

More articles from Infinitbility

How to disable autocomplete in material-ui Textfield

How to disable autocomplete in material-ui Textfield

Example of disable autocomplete and autofill in material-ui Textfield.

October 9th, 2021 · 1 min read
How to detect notch in react native

How to detect notch in react native

React Native DeviceInfo hasNotch example

September 30th, 2021 · 1 min read
© 2020–2021 Infinitbility
About
Link to $https://medium.com/infinitbilityLink to $https://www.facebook.com/InfinitbilityLink to $https://github.com/infinitbilityLink to $https://twitter.com/infinitbilityLink to $https://www.buymeacoffee.com/infinitbilityLink to $mailto:[email protected]