Saltar al contenido principal

PaginationDots

Indicador de página para carruseles y onboarding.

Uso

import {PaginationDots} from 'rn-inkpad';

<PaginationDots count={5} index={page} onChange={setPage} />
<PaginationDots count={4} index={1} expanding={false} activeColor="#DB504A" />

Props

NombreTipoPor defectoDescripción
countnumberNumber of pages.
indexnumberActive page (0-based).
onChange(index: number) => voidMakes the dots pressable.
activeColorstringtheme primaryActive dot color.
colorstringtheme borderInactive dot color.
sizenumber8Dot diameter.
gapnumber6Space between dots.
expandingbooleantrueActive dot stretches to 2.5x its width.
styleStyleProp<ViewStyle>Container style.