无法使用React-native-pdf在Android应用中滚动PDF文件

Question

我在应用程序中使用了React-native-PDF，基本上最高部分是PDF，而在底部可以有链接或文本。

它在iOS上工作正常，这意味着PDF滚动完美，但是在Android中，当底部有很多文本时，它不会滚动。

代码如下：

    <Screen>
                        <ConfirmationDialog.DeleteNews
                            visible={this.state.showDeleteNewsDialog}
                            onConfirm={this.onDeleteNews}
                            onCancel={this.hideDeleteNewsDialog}
                        />
                        <CollapsibleToolbar
                            title={this.headerTitle()}
                            bottomComponent={
                                <Header.NewsDetail
                                    title={newsStore.newsDetail.name}
                                    date={newsStore.newsDetail.available_at}
                                    optionsMenu={this._renderOptionsMenu()}
                                />
                            }
                        />
                        <CollapsibleToolbar.ScrollView
                            style={stylesWithToolbarStore.scrollView}
                            hasBottomFloatButton={false}
                        >
                            {this._renderImageSwiper()}
                  {this.renderPdf()}
                  {this.renderFloatingButton()}
                            <View style={stylesWithToolbarStore.textContainer}>
                                <Hyperlink
                                    onPress={this.handleUrl}
                                    linkStyle={{
                                        color: "#3366BB"
                                    }}
                                >
                                    <Text style={stylesWithToolbarStore.text}>{newsStore.newsDetail.content}</Text>
                                </Hyperlink>
                            </View>
                            {this._renderEditAndSpreadButtons()}
                        </CollapsibleToolbar.ScrollView>
                    </Screen> 

 

renderPdf = () => {
    const { newsStore, pdfViewStore } = this.state;
    if (!newsStore.newsDetail.pdf) {
      return null;
    }
    return (
      <Pdf
        style={{
          width: screenDimensions.width,
          height: screenDimensions.height * 0.47,
        }}
        url={getFullUrl(newsStore.newsDetail.pdf)}
        onError={pdfViewStore.setVisible(false)}
        onPressLink={(link) => {Linking.openURL(link);}}
      />
    );
  };```




 render() {
    const { url, onPressLink, ...rest } = this.props;
    return (
      <Pdf
        fitWidth={true}
        fitPolicy={0}
        source={{
          uri: url,
          cache: true
        }}
        onLoadComplete={(numberOfPages, filePath)=>{
          console.log(
            `pdf number of pages: ${numberOfPages}`,
            `pdf file path: ${filePath}`
          );
        }}
        onPageChanged={(page, numberOfPages)=>{
          console.log(
            `pdf current page: ${page}`,
            `pdf number of pages: ${numberOfPages}`
          );
        }}
        onError={(error)=>{
          console.log(`pdf error: ${error}`);
          this.onError(error);
        }}
        onPressLink={onPressLink}
        activityIndicator={<ActivityIndicator color={"white"} animating={true} />}
        {...rest}
      />
    );
  }
}

Answer 1

在PDF之前，请使用ScrollView进行滚动PDF文件。

render() {
    const { url, onPressLink, ...rest } = this.props;
    return (
    <ScrollView >
    <Pdf 
     fitWidth={true}
            fitPolicy={0}
            source={{
              uri: url,
              cache: true
            }}
            onLoadComplete={(numberOfPages, filePath)=>{
              console.log(
                `pdf number of pages: ${numberOfPages}`,
                `pdf file path: ${filePath}`
              );
            }}
            onPageChanged={(page, numberOfPages)=>{
              console.log(
                `pdf current page: ${page}`,
                `pdf number of pages: ${numberOfPages}`
              );
            }}
            onError={(error)=>{
              console.log(`pdf error: ${error}`);
              this.onError(error);
            }}
            onPressLink={onPressLink}
            activityIndicator={<ActivityIndicator color={"white"} animating={true} />}
           
    /></ScrollView>

 );
  }
}