Make PDF Viewer Android App with React Native

In this tutorial we will learn How to Make PDF Viewer Android App with React Native. You can use this trick to make a simple app for your books or pdf files.

Table of Contents

• React Native Code
• Video Tutorial

React Native Source Code

Simple React Native source code is given below.

/*install webview dependencies
npm install react-native-webview
install pdfreader dependencies
npm install @bildau/rn-pdf-reader */

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import PdfReader from '@bildau/rn-pdf-reader';
import { WebView } from 'react-native-webview';

export default function App() {
  return (
    <View style={styles.container}>
      <PdfReader
      source={ {
        uri: 'PDF file URL'
      }}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    
  },
});

Video Tutorial