React Native Disable Hide ScrollBar ScrollIndicator in ScrollView

The ScrollView widget in react native has a prop named as showsVerticalScrollIndicator={} which supports Boolean values. If user pass False in showsVerticalScrollIndicator then it will disable the ScrollIndicator. So in this tutorial we would React Native Disable Hide ScrollBar ScrollIndicator in ScrollView Android iOS Example Tutorial.

Contents in this project Hide ScrollBar ScrollIndicator in ScrollView in React Native Android iOS Example Tutorial:

1. Open your project’s main App.js file and import StyleSheet, ScrollView, Text, Image and View component.

2. Create our main Root class named as App extends Component. This is our main export default class.

3. Creating render’s return block in main class. Now we would make ScrollView component. We would use showsVerticalScrollIndicator={false} prop to disable the Scroll bar in scroll view component. This prop would disable the scroll indicator but the scrolling works perfectly.

4. Creating Style.

5. Complete Source Code for App.js file :

Screenshots:

React Native Disable Hide ScrollBar ScrollIndicator in ScrollView

2 Comments

  1. most helpful and easy to understand this code

Leave a Reply

Your email address will not be published. Required fields are marked *