Method render

example/src/PaperExample.tsx:100–163

()

  }

  render() {
    const { page, pages, animationsAreEnabled } = this.state;
    return (
      <SafeAreaView style={styles.container}>
        <PagerView
          style={styles.viewPager}
          initialPage={0}
          scrollEnabled={this.state.scrollEnabled}
          onPageScroll={this.onPageScroll}
          onPageSelected={this.onPageSelected}
          onPageScrollStateChanged={this.onPageScrollStateChanged}
          pageMargin={10}
          orientation="horizontal"
          ref={this.viewPager}
        >
          {pages.map((p) => this.renderPage(p))}
        </PagerView>
        <View style={styles.buttons}>
          <Button
            text={
              this.state.scrollEnabled ? 'Scroll Enabled' : 'Scroll Disabled'
            }
            onPress={() =>
              this.setState({ scrollEnabled: !this.state.scrollEnabled })
            }
          />
          <Button text="Add new page" onPress={this.addPage} />
          <Button text="Remove last page" onPress={this.removeLastPage} />
        </View>
        <View style={styles.buttons}>
          {animationsAreEnabled ? (
            <Button
              text="Turn off animations"
              onPress={() => this.setState({ animationsAreEnabled: false })}
            />
          ) : (
            <Button
              text="Turn animations back on"
              onPress={() => this.setState({ animationsAreEnabled: true })}
            />
          )}
          <Text style={styles.scrollStateText}>
            ScrollState[ {this.state.scrollState} ]
          </Text>
        </View>
        <View style={styles.buttons}>
          <Button text="Start" onPress={() => this.go(0)} />
          <Button text="Prev" onPress={() => this.move(-1)} />
          <Button text="Next" onPress={() => this.move(1)} />
          <Button text="Last" onPress={() => this.go(pages.length - 1)} />
        </View>
        <View style={styles.progress}>
          <Text style={styles.buttonText}>
            {' '}
            Page {page + 1} / {pages.length}{' '}
          </Text>
          <ProgressBar
            numberOfPages={pages.length}