react-native-app-intro-slider icon indicating copy to clipboard operation
react-native-app-intro-slider copied to clipboard

How I can set custom dot?

Open rehan-confiz opened this issue 3 years ago • 2 comments

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

rehan-confiz avatar Jan 20 '22 07:01 rehan-confiz

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'
  },
})

wicfasho avatar Dec 29 '22 06:12 wicfasho

@wicfasho thanks! it worked.

saurabhsaneja avatar Jan 06 '23 07:01 saurabhsaneja