React-native-snap-carousel: Change default pagination dot spacing
How can I change the pagation dots spacing ?
nguyenhoanglam
👍1
All 5 comments
It's mentioned in the pagination usage section:
https://github.com/archriss/react-native-snap-carousel/blob/master/doc/PAGINATION.md#note-on-dots-colors
Change the marginHorizantal field in the dotStyle from 8 to desired value
l0h1t
on 13 Jun 2019
@l0h1t still not working.
nguyenhoanglam
on 14 Jun 2019
I think the marginHorizontal is not on the dotStyle, but on the dotContainerStyle prop of Pagination (it refers to each container around each dot). So you can give a style with an given value of marginHorizontal to overwrite the default value
voisinhugo
on 17 Jun 2019
🎉10
👍5
@voisinhugo your suggestion works correctly!
nguyenhoanglam
on 27 Jun 2019
Hi
This is not working for me, the space is always the same between the dots. Any ideas ?
@nguyenhoanglam @voisinhugo
Foskas
on 19 Sep 2019
👀3
Was this page helpful?
0 / 5 - 0 ratings
Related issues
sujitpk-perennial
路
3Comments
niloufarMakhzani
路
4Comments
AndrePech
路
4Comments
amyogiji
路
5Comments
naffiq
路
5Comments
Most helpful comment
I think the marginHorizontal is not on the
dotStyle, but on thedotContainerStyleprop of Pagination (it refers to each container around each dot). So you can give a style with an given value ofmarginHorizontalto overwrite the default value