Question 276776 in React native Question posted in
The official React Native documentation can be found here.

React native – Cannot open PDF link using the react-native-pdf library

I can open the link: https://www.orimi.com/pdf-test.pdf, but when I try with the link: http://94.23.154.57:8081/digital-cert/download-file?id=33FB3234-23EC-472B-AB6F-76436DDCFA45&view=1, I cannot open it. I receive an error message: Error: cannot create document: File not in PDF format or corrupted. I suspect that http might be causing the issue, but the PDF link is returned from the server and I cannot change it to https

import Pdf from 'react-native-pdf';
import {
  View,
} from 'react-native';

const PDFExample = ({route}) => {
  const source = {
    uri: 'http://94.23.154.57:8081/digital-cert/download-file?id=33FB3234-23EC-472B-AB6F-76436DDCFA45&view=1',
    cache: true,
  };
  return (
      <View style={styles.container}>
        <Pdf
          trustAllCerts={false}
          source={source}
          onLoadComplete={(numberOfPages, filePath) => {
            console.log(`Number of pages: ${numberOfPages}`);
          }}
          onPageChanged={(page, numberOfPages) => {
            console.log(`Current page: ${page}`);
          }}
          onError={error => {
            console.log(error);
          }}
          onPressLink={uri => {
            console.log(`Link pressed: ${uri}`);
          }}
          style={styles.pdf}
        />
      </View>
)
}
Tags:

2

Answers


  1. 0

    PDF plugin won’t open corrupted format PDF, Even I tried downloading and opening file:// but it did not work for me. Then I used file-viewer

    We have three options to open PDF in React Native, the first one you have already done, now you can choose the other two

    • react-native-webview

    • react-native-file-viewer

    If you choose webview then check this answer by aytek answer

    and you can open the pdf using file viewer

    Example:

     const path = FileViewer.open(path, { showOpenWithDialog: true }) // absolute-path-to-my-local-file.
  .then(() => {
    // success
  })
  .catch((error) => {
    // error
  });
    Login or Signup to reply.
  2. 0

    If you suspect it to be the http vs https you can try this solution to fix that for iOS.

    Add the following to your info.plist as explained in this answer:

    https://stackoverflow.com/a/38427829/11729637

    <key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search