Incorporating PDF Viewing and Editing in React Native Using Expo TypeScript

Join this hands-on session to integrate PDF and MS Office viewing, editing, and redaction into a cross-platform React Native app using the Expo TypeScript template.In this video, we'll explore:

Setting up a new React Native app with Expo TypeScript template
Installing @pdftron/webviewer and pdftron-react-native
Embedding the viewer into a component
Running the app on web and iOS emulator

𝐑𝐞𝐬𝐨𝐮𝐫𝐜𝐞𝐬:

Introduction: (0:00)
Expo setup: (0:17)
Prerequisites: (1:20)
Get started: (2:06)
Android config: (2:41)
iOS config: (6:26)
Install npm modules: (8:15)
Web config: (9:25)
Create the component: (10:10)
Add to App: (14:36)
Run on Web: (16:20)
Run on iOS: (16:38)
Error on iOS: (17:57)
Works on iOS: (18:39)

#ReactNativeCodeAlong #ExpoTypeScript #PDFEditing #MSOfficeViewing #CrossPlatformApp #PDFtronWebviewer #ReactNativeDevelopment #TechTutorial #CodeIntegration #DocumentRedaction #ViewerIntegration #mobiledevelopment

[SagarDalalOfficial]

How to add license key in ios configuration like it is added in Android manifest for android config?

[hetanthakkar]

Can you publish your app in app-store or google playstore with the API key?

[yasserelbatal]

how to invoke the saveDocument method on save of the doc (need to get the path of the saved file)?
for React native

[nguyenngockhoa]

At the moment, if I follow this example, is there a fee?

[obentabiayuk]

Hello please does this work for ppt files also ?

[priyankapps]

Hi, I have implemented as per your suggestion, but I am encountering an error when I attempt to open the document on an Android device. The error message reads, "Invariant Violation: requireNativeComponent: 'RCTDocumentView' was not found in the UIManager." How can I resolve this issue?

[sarahjlassi]

i am using an android emulator (on windows OS), i have encountred the same error as yours : 'requireNativeComponent: "RCTDocumentView" was not found in the UIManager.'
how to fix this !!?

[hemasaihs]

does this work on react native managed expo project, because in expo managed project there will be no manifest file how to do it ?

[ORiastanjung]

how to add license key to react app with pdftron? where to place the code? can you help me?

[vaishnavimaske]

how to adjust the data (sentence) after zooming into an page without horizontal scrolling on page in react native app?

[kailashbihani]

Any doc for a sample showing how to add a custom save button? Or how to invoke the saveDocument method on save of the doc (need to get the path of the saved file). Did find the method for it where its using a ref, but wasn't able to figure out how to use it.

[nicolaskouassi]

sir, how to add it on existing book app?

[saronroyimmanuvel]

Bro can we create pdf using react native expo