DEV Community

skptricks
skptricks

Posted on

React Native Full Width Horizontal ScrollView

Source : React Native Full Width Horizontal ScrollView

This tutorial explains how to create react native full page width swipeable horizontal scrollView layout for android or ios device. In this example we have created simple swipeable horizontal view and when you can perform swipe left and right operation in your android or iOS device using below code, then you will find below observation:

  1. when user swipe left in the device, then it will navigate user to next page or view.
  2. when user swipe right in the device, then it will navigate user to previous page or view.

Basically, react native ScrollView component provides a very special property named as pagingEnabled = { boolean } , in which Boolean can have one of two values either true or false . pagingEnabled allows you to stop at every single view during scrolling.

React Native Full Page Width Swipeable Horizontal ScrollView

Click here to read more

Top comments (0)