How to Read PDF Files in React Native and Expo Apps | React Native Expo Tutorial

Hello guys, my name is Rohit. In this React Native Expo tutorial, I will show you how to read PDF files in React Native and Expo apps. Please note that this project won't work on the Expo Go app, as it utilizes the react-native-pdf package, which requires the Expo managed workflow. However, I will provide the complete source code and guide you through the process. Follow along carefully to successfully complete the project. Watch the video to learn how to set up the project, install dependencies, and render PDF files using the Pdf component. I also demonstrates the development build process, allowing real-time changes to the application. Share your thoughts in the comment section and stay tuned for more React Native and Expo videos. Join our developer's community on Instagram or Twitter for queries and discussions.

𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 ) (I'm the Author)

My social Links:

Music Source: Youtube Music Library

Tags: React Native, Expo, React Native Expo, PDF files, React Native PDF, Expo app, Expo Go, react-native-pdf, development build, real-time changes, Expo Dev Client, tutorial, code, source code, mobile app development, JavaScript, programming

#reactnative #beginners #tutorial #mobileappdevelopment #javascript

[mdashrafulislam]

Subscribed after seeing you're replying to all the comments with patience.

[haniseanda]

Been looking for a way in React Native to work with PDF, thanks bro♥🔥💯

[silencinhok]

I have a problem, I followed all the steps of the videos, step by step, but, when I start the dev server with "npx expo start" I receive an error message, that message: " ERROR TypeError: Cannot read property 'getConstants' of null, js engine: hermes" and that " ERROR Invariant Violation: "main" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and wasn't called., js engine: hermes".

Can you help me please?

[rodriguesama]

Hello, I watched your video about displaying PDFs using --dev-client, and it works well. Now I wanted to add to my code, which contains multiple screens, and I encountered this error: Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager.

[felixfokoua]

Is it possible to add control menus to the app ?

[OshadaHirunathaRanathunga]

Can i use expo libraries like 'expo-document-picker' for this project.

[sudhanshukumar]

How i can clean tha cache of the url my pdf is change for same url but show old pdf from cache

[gamesarcade]

What type of uri source working ...because i try it another link pdf not work for me ...pdf not exemple google drive files pdf

[Techlearner-ds]

Getting error : can not read property ‘getConstants’ of null, ja engine: hermes in fs.js, Any idea how to resolve it.

[AbhimanyuYadav-]

i do all this process but i want to make build to use in physical and other devices it work or not

[codewithtae]

You might need to eject your app for the pdf package since expo offers config plugins.

[yvesbizumuremyi]

The building process is taking too long. Is there no other way to test the code if it is working?

[miguelangelsalamancaquinte]

Hello friend, thanks for the video but I have a question, it has always worked if I use as source a url, but when I try to use a pdf within my application or my local device does not show me anything just the blank screen, the funny thing is that when I work in the emulator as devclient if I work but when I do the build and run it on my android phone does not show anything, could you help me.

[cheikhali]

tu peux faire une video pour notification dans l'application front-end react-native backend api de laravel s'il vous plait, ton frere etudiant dans mauritanie, on'a une stage pour projet fin d'etude cette tache 'notification' ce mon probleme

[smartcodes]

thanks bro, but why expo react projects not working on expo-go app?

[OrnanCastillo]

I did the same, and my screen is only showing 0.00%

[rafiatube]

why are you not creating videos in native cli