PageControl
Page indicator, typically used in paged scroll-views
(code example)
#
Usage<PageControl numOfPages={5} currentPage={0}/>
#
API#
colorColor of the selected page dot and, if inactiveColor not passed, the border of the not selected pages
string
#
containerStyleAdditional styles for the top container
ViewStyle
#
currentPageZero-based index of the current page
number
#
enlargeActiveWhether to enlarge the active page indicator. Irrelevant when limitShownPages is in effect.
boolean
#
inactiveColorColor of the unselected page dots and the border of the not selected pages
string
#
limitShownPagesLimit the number of page indicators shown.\enlargeActive prop is disabled in this state, when set to true there will be maximum of 7 shown.\Only relevant when numOfPages > 5.
boolean
#
numOfPagesTotal number of pages
number
#
onPagePressAction handler for clicking on a page indicator
(index: number) => void
#
sizeThe size of the page indicator.\When setting limitShownPages the medium sized will be 2/3 of size and the small will be 1/3 of size.\An alternative is to send an array [smallSize, mediumSize, largeSize].
number | [number, number, number]
#
spacingThe space between the siblings page indicators
number
#
testIDUsed to identify the pageControl in tests
string