page-control icon indicating copy to clipboard operation
page-control copied to clipboard

UIPageControl wrapper for React Native

npm version

Page Control

UIPageControl wrapper for react native.

Demo

Watch the video

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