react-native-animated-scroll-indicators/src/styles.js

Animated Scoll Indicator component fro react-native powered by Animated-api.

export const indicatorStyles = {
  container: {
    alignItems: 'center'
  },
  dotsContainer: {
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  animatedDotContainer: {
    width: 8,
    height: 8,
    marginRight: 12,
    borderRadius: 4,
    backgroundColor: '#EBEEF2'
  },
  animatedDotsContainer: {
    width: 88,
    height: 8,
    overflow: 'hidden',
    flexDirection: 'row'
  },
  dotContainer: {
    width: 8,
    height: 8,
    borderRadius: 4,
    backgroundColor: '#EBEEF2'
  },
  activeDot: {
    flex: 1,
    borderRadius: 4,
    backgroundColor: '#8F9499'
  },
  animatedDotsView: {
    height: 8,
    flexDirection: 'row'
  }
}