Как изменить положение по умолчанию точек React Native Swiper? - PullRequest
Новая
       4

Как изменить положение по умолчанию точек React Native Swiper?

0 голосов
/ 26 февраля 2020

Я использую этот пакет RN https://reactnativeexample.com/swiper-slider-for-react-native-and-react-native-web/

Я пытаюсь немного сдвинуть точки нумерации страниц.

Вот мой код 

<Swiper
     from={1}
     minDistanceForAction={0.1}
     controlsProps={{
     dotsTouchable: true,
     prevPos: 'left',
     nextPos: 'right',
     nextTitle: '',
     prevTitle: '',
     dotsWrapperStyle: { },
     nextTitleStyle: { color: 'red', fontSize: 24, fontWeight: '500' },
     }}
>
   <View style={[styless.slideContainer]}>
      //some views
   </View>
</Swiper>

Есть ли способ переместить точки? поскольку ползунки имеют небольшую высоту, поэтому точки скрываются другими видами.

1 Ответ

0 голосов
/ 26 февраля 2020

вы можете использовать это: 

<Swiper
     from={1}
     minDistanceForAction={0.1}
     controlsProps={{
     dotsTouchable: true,
     prevPos: 'left',
     nextPos: 'right',
     nextTitle: '',
     prevTitle: '',
     dotsWrapperStyle: { marginBottom: 20 },
     nextTitleStyle: { color: 'red', fontSize: 24, fontWeight: '500' },
     }}
>
   <View style={[styless.slideContainer]}>
      //some views
   </View>
</Swiper>

Единственное изменение - это значение маржи в пропиле dotsWrapperStyle. не забудьте изменить значение в соответствии с вашими потребностями.

...