How to place pagination inside the view component using react native?

In my scenario, pagination component I am using by react-native-snap-carousel. This component I am not able to place inside the view component. I am trying to render the pagination component to inside view component to set the limited width of the pagination component otherwise the dot's are going out of my interface.

The below are the code, I am using inside the render part

<View style={{width:wp('20%'), backgroundColor: 'red'}}>. //Inside this view not sitting pagination component, the dots are going out of the view.<Pagination              dotsLength={8}              activeDotIndex={activeSlide}              containerStyle={Style.paginationStyle}              dotStyle={{                backgroundColor: Colors.RED,              }}              inactiveDotOpacity={0.2}              inactiveDotScale={0.1}            /></View>