React Native:下载并打开pdf文件，需要在IOS和Android上工作

Question

使用反应原生，我正在尝试下载一个PDF文件（示例PDF文件）。 下载完成后，它应该使用第三方 pdf 查看器打开

请指导我如何在 react native 中执行此操作。

Answer 1

1） 下载 base64 编码的 pdf 文件。

2）解码base64编码文件（我建议你使用反应原生文件处理程序）

3）为了查看pdf，您可以在IOS上使用webview

。

     <WebView style={{
          flex: 1
        }}  scalesPageToFit={true} source={{
          uri: --base64EncodedContent--
        }}
        >
       </WebView>

对于Android，您可以使用React-Native PDF视图 https://github.com/cnjon/react-native-pdf-view

     <PDFView 
        path={this.props.src} //path of pdf file you saved
        pageNumber={1}
        onLoadComplete = {(pageCount) => {
        }}
        style={styles.pdf}>
        </PDFView>