Jacse / react-native-app-intro-slider

Simple and configurable app introduction slider for react native
MIT License
1.65k stars 330 forks source link

How I can set custom dot? #256

Open rehan-confiz opened 2 years ago

rehan-confiz commented 2 years ago

Hi, I want to set the custom image instead of plain dot on page active and in-active state.

wicfasho commented 1 year ago

A Quick Example


<AppIntroSlider
        .......
        activeDotStyle = {styles.activePaginationDots}
        dotStyle = {styles.paginationDots}
        .......
/>

const styles = StyleSheet.create({
  paginationDots: {
      width: 10,
      height: 3,
      borderRadius: 5,
      marginRight: 3,
      backgroundColor: 'red'
    },

  activePaginationDots: {
    width: 20,
    height: 3,
    borderRadius: 5,
    marginRight: 3,
    backgroundColor: 'blue'
  },
})
saurabhsaneja commented 1 year ago

@wicfasho thanks! it worked.