flicker in the area of <Swiper> Component when swiping on the latest version of react-native

[martixjohn]

Which OS ?

Ubuntu 22.04.1 LTS

Version

• react-native-swiper v1.6.0
• react-native v0.70.6

Actual behaviour

flicker in area of <Swiper> Component happens when swiping on the latest version of react-native

How to reproduce it>

here is the code:

p.s. Whenever the is placed, it will still happen

const styles = StyleSheet.create({
  swiperContainer: {

  },
  swiperItem: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#9DD6EB',
    fontSize: 40,
    color: 'black',
    fontWeight: 'bold'
  }
})
export default function App() {
  return (
      <Swiper style={styles.swiperContainer}>
        <View style={styles.swiperItem}><Text>1</Text></View>
        <View style={styles.swiperItem}><Text>2</Text></View>
        <View style={styles.swiperItem}><Text>3</Text></View>
      </Swiper>
  )
}

[musonant]

Experiencing the same issue

[hbycr1]

Having the same issue when using the ScrollBy method

[martixjohn]

Having the same issue when using the ScrollBy method

seems that this lib not updated anymore. I solved my problems after switching to another lib react-native-reanimated-carousel which u can try it

[martixjohn]

Experiencing the same issue

seems that this lib not updated anymore. I solved my problems after switching to another lib react-native-reanimated-carousel which u can try it