The current indicator icon is on the top of indicators, I see the code, maybe your curDot style should replace margin with marginLeft and marginRight.

race604 / react-native-viewpager

[Deprecated] ViewPager component for React Native

1.41k stars 373 forks source link

The current indicator icon is on the top of indicators, I see the code, maybe your curDot style should replace margin with marginLeft and marginRight. #176

Open onlybenyang opened 6 years ago

webbin commented 6 years ago

Thanks you my friend! I change the curDot style in the file DefaultViewPageIndicator ,and the current indicator icon will not be on the top of indicators.Just like this:

curDot: {
    position: 'absolute',
    width: DOT_SIZE,
    height: DOT_SIZE,
    borderRadius: DOT_SIZE / 2,
    backgroundColor: '#80ACD0',
    margin:DOT_SPACE,  =====> marginHorizontal: DOT_SAPCE,
    bottom: 0,
  },

It solves my problem.