react-native - 无法在 react-native-pdf 中打开查看 PDF

Question

目前，我们使用 react-native-pdf 打开从服务器端 API 返回的 pdf，例如https://xxxxxx/xxxx-esb/v1/customer/getSrPdfDownload?partyId=S2444201B&srRef=MmOdI42EZLRNeUG38LyNZHk10lbv8s9-zD3lJxzJz1Tg3tS4gAfKbAxOBk36Qwgn。与下面复制的 react-native-pdf 给出的代码示例不同，它不是指向带后缀的 pdf 文件。在 iOS 上，无法滚动 pdf。知道为什么吗？

export default class PDFExample extends React.Component {
    render() {
        const source = {uri:'http://samples.leanpub.com/thereactnativebook-sample.pdf',cache:true};
        //const source = require('./test.pdf');  // ios only
        //const source = {uri:'bundle-assets://test.pdf'};

        //const source = {uri:'file:///sdcard/test.pdf'};
        //const source = {uri:"data:application/pdf;base64,..."};

Answer 1

您应该将 Pdf 中的 View 定义为容器。并且 pdf 应该在这个容器内。

  <View style={styles.pdf_container}>
        <Pdf
          style={styles.pdf} ...your props />
  </View>

样式.js

import { Dimensions } from "react-native"
const { width, height } = Dimensions.get("window")

  pdf_container: {
    flex: 1
  },
  pdf: {
    height: height - 100
  }