Question 1

Is rn-pdf-reader-js better than react-native-pdf for Expo apps?

Accepted Answer

rn-pdf-reader-js is specifically designed for Expo and uses only JavaScript, avoiding native modules and ejection, whereas react-native-pdf often requires native linking. However, for performance-critical apps, native libraries like react-native-pdf might offer smoother rendering.

Question 2

How to load a local PDF file with rn-pdf-reader-js?

Accepted Answer

Use the source prop with a file:// URI, such as source={{ uri: 'file:///path/to/local.pdf' }}. Ensure expo-file-system is installed for file access, and check app permissions for local storage.

Question 3

Why doesn't my PDF render in rn-pdf-reader-js?

Accepted Answer

Common issues include incorrect source URI format (must start with http://, https://, or file://), missing dependencies like react-native-webview, or compatibility problems with your Expo SDK version. Refer to the GitHub issue linked in the README for troubleshooting.

Question 4

Does rn-pdf-reader-js support pinch-to-zoom on both platforms?

Accepted Answer

Yes, pinch-to-zoom is supported via the withPinchZoom prop. However, rendering differs by platform: Android uses a custom PDF reader, while iOS uses direct WebView rendering, which may affect zoom behavior consistency.

Question 5

Can I use rn-pdf-reader-js with Expo SDK 40 or higher?

Accepted Answer

The library is tested for Expo SDK 33-36+, and using it with newer versions like SDK 40 might lead to compatibility issues since updates aren't guaranteed. Check the GitHub repository for recent commits or consider forking if needed.

Question 6

How to customize the navigation buttons in the PDF reader?

Accepted Answer

Use the customStyle prop to override styles for elements like readerContainerNavigate and readerContainerNavigateArrow. The README provides a list of CSS properties, allowing you to adjust colors, sizes, and positioning.

Question 7

What are the performance implications for large PDFs?

Accepted Answer

Performance can degrade with large PDFs, especially when withScroll is enabled, due to the WebView and JavaScript rendering overhead. It's best for simpler viewing needs; for complex documents, consider native alternatives or optimize by disabling scroll.

rn-pdf-reader-js

What is rn-pdf-reader-js?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions