Skip to content

candlefinance/page-control

Repository files navigation

npm version

Page Control

UIPageControl wrapper for react native.

Demo

page-control-demo.mp4

Installation

npm install @candlefinance/page-control

yarn add @candlefinance/page-control

Usage

import { PageControlView } from "@candlefinance/page-control";

const [currentPage, setCurrentPage] = React.useState(0);

// ...
<PageControlView
  currentPage={currentPage}
  hidesForSinglePage
  numberOfPages={8}
  onPageChange={(event) => setCurrentPage(event.nativeEvent.currentPage)}
  currentPageIndicatorTintColor="#ff0067"
  pageIndicatorTintColor="#D3D3D3"
  style={styles.box}
/>

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT