App Crashes on Page Load on IOS and Android

[chakafasano88]

Getting an error Invariant Violation: Native component for "PDFView" dos not exist. I installed the package using yarn and my import is import PDFView from 'react-native-view-pdf.

I've also cleaned cache and rm -rf node_modules several times.

[rumax]

Did you link the library?

[rumax]

@chakafasano88 do you still have this issue and need help? or it can be closed?

[chakafasano88]

You can close the issue, I found an alternative solution. Thank you.

…

Sent from my iPhone

On May 25, 2018, at 2:11 PM, Maksym Rusynyk ***@***.***> wrote: @chakafasano88 do you still have this issue and need help? or it can be closed? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[morgandonze]

@chakafasano88 what was your solution? Please post!

[chakafasano88]

@mlaco
This caused much frustration but here is a solution !

I ended up using WebView a PDF viewer provided by React Native. It works with ease for IOS.
However there is a small modification to make this work with Android.

Create two variables: the first stores your url.
The second checks if the device is IOS or android(make sure to import Platform from RN) :

    const { url } = this.props.navigation.state.params;
    const uri =
      Platform.OS === "ios"
        ? url
        : `https://drive.google.com/viewerng/viewer?embedded=true&url=${url}`;

If not IOS, append your url to the google URL above.

Finally, insert the uri into the WebView

          <WebView
            bounces={false}
            scrollEnabled={false}
            source={{ uri: uri }}
            onLoadStart={() => this._showSpinner()}
            onLoad={() => this._hideSpinner()}
          />

That should do the trick !!

Let me know how it goes.

[indapublic]

I have same behaviour for IOS. Library is installed and linked (tried by automatic and manual).

@chakafasano88 Is it possible pass headers to Google Driver Viewer?

[rumax]

@indapublic Can you, please, provide more detailed information, like can you reproduce it with demo project, what headers do you use, type of the PDF, resource (PDF document), logs, etc.?

Without knowing the reason and assistance in finding the issue we will not be able to fix the component, if it's the issue of the component.

[indapublic]

@rumax Exception will raise in any case (file/url with/without headers).
If my code contains <PDFView>, it will fall.

[indapublic]

Demo is working at the moment.
btw demo contains invalid link to old library ("react-native-view-pdf": "../react-native-view-pdf-0.4.1.tgz")

[sanderfrenken]

@indapublic can you please confirm the library is linked properly by checking in Xcode under your build's target -> General tab you see the library under the: Linked Frameworks and Libraries section.

In addition, if this does not suffice, you can look under your Build phases tab -> Target Dependencies, and add ReactNativeViewPDF here as well:

[indapublic]

Build Phases not contains any info about ReactNativeViewPDF

[indapublic]

Hm. And yes. I added to target dependencies and not I didn't receive any error in app.
Great! Thanks a lot!

[sanderfrenken]

@indapublic nice! Good luck with the rest of the work and please let us know in case of issues