Loop 

import React, { useEffect, useRef, useState } from 'react'
import { Button, ScrollView, StyleSheet, Text, View } from 'react-native'
// This import does not work here. For this reason there is a copy of the library under /lib
// import { useKeenSliderNative } from "keen-slider/react-native"
import { useKeenSliderNative } from "./lib/react-native"

export default function App() {
  const slides = 6
  const slider = useKeenSliderNative({
    slides,
    loop: true,
  })

  return (
      <View style={styles.slider} {...slider.containerProps}>
        {[...Array(slides).keys()].map(key => {
          return (
            <View key={key} {...slider.slidesProps[key]}>
              <View style={{...styles.slide, backgroundColor: colors[key]}}>
                <Text style={styles.text}>Slide {key + 1}</Text>
              </View>
            </View>
          )
        })}
      </View>
  )
}

const colors = ['#407CFE', '#FF6540', '#6AFC52', '#3FD2FA', '#FF3E5E', '#8A45FF']

const styles = {
  slider: {
    backgroundColor: '#fff',
    overflow: 'hidden',
    width: '100%',
    height: "100%",
  },
  slide: {
    width: '100%',
    height: '100%',
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'black',
  },
  text: {
    color: 'white',
    fontSize: 30,
  },
}