Class PaperExample

example/src/PaperExample.tsx:25–164

};

class PaperExample extends React.Component<any, State> {
  viewPager = React.createRef<PagerView>();

  constructor(props: any) {
    super(props);

    const pages = [];
    for (let i = 0; i < PAGES; i++) {
      pages.push(createPage(i));
    }

    this.state = {
      page: 0,
      animationsAreEnabled: true,
      scrollEnabled: true,
      progress: {
        position: 0,
        offset: 0,
      },
      pages: pages,
      scrollState: 'idle',
      dotsVisible: false,
    };
  }

  onPageSelected = (e: any) => {
    this.setState({ page: e.nativeEvent.position });
  };

  onPageScroll = (e: any) => {
    this.setState({
      progress: {
        position: e.nativeEvent.position,
        offset: e.nativeEvent.offset,
      },
    });
  };

  onPageScrollStateChanged = (e: any) => {
    this.setState({ scrollState: e.nativeEvent.pageScrollState });
  };

  addPage = () => {
    this.setState((prevState) => ({
      pages: [...prevState.pages, createPage(prevState.pages.length)],
    }));
  };

  removeLastPage = () => {
    this.setState((prevState) => ({
      pages: prevState.pages.slice(0, prevState.pages.length - 1),
    }));
  };
  move = (delta: number) => {
    const page = this.state.page + delta;
    this.go(page);
  };