gistfile1.txt

const width = Dimensions.get('window').width - 100;

return (
  <View
    style={{
      paddingHorizontal: 50,
      overflow: 'hidden',
      backgroundColor: 'white',
    }}>
    <ScrollView
      style={{width, height: '100%', overflow: 'visible'}}
      horizontal={true}
      decelerationRate="fast"
      pagingEnabled={true}>
      <View
        style={{
          width,
          height: '100%',
          backgroundColor: 'red',
        }}
      />
      <View
        style={{
          width,
          height: '100%',
          backgroundColor: 'orange',
        }}
      />
      <View
        style={{
          width,
          height: '100%',
          backgroundColor: 'yellow',
        }}
      />
      <View
        style={{
          width,
          height: '100%',
          backgroundColor: 'green',
        }}
      />
      <View
        style={{
          width,
          height: '100%',
          backgroundColor: 'cyan',
        }}
      />
      <View
        style={{
          width,
          height: '100%',
          backgroundColor: 'blue',
        }}
      />
      <View
        style={{
          width,
          height: '100%',
          backgroundColor: 'purple',
        }}
      />
    </ScrollView>
  </View>
);