react-native-pdf-page-image

This module enables React Native applications to generate images from PDF document pages. It uses PDFKit on iOS and PdfRenderer on Android to render PDF pages as images.

Installation

1npm install react-native-pdf-page-image

iOS

$ cd ios & pod install

Usage

Importing the Module

1import PdfPageImage from 'react-native-pdf-page-image';

Generating Images for All PDF Pages

You can generate images for all pages in a PDF document with the following method:

1const uri = "https://pdfobject.com/pdf/sample.pdf";
2const scale = 1.0;
3
4// Generate images from all pages
5PdfPageImage.generateAllPages(uri, scale)
6  .then(images => images.forEach((image, index) => console.log(`Page ${index+1}: ${image.uri}, Width: ${image.width}, Height: ${image.height}`)))
7  .catch(error => console.error('Error generating images:', error));
8

Generating an Image for a Specific Page

If you only need to generate an image for a single page, use the generate method:

1const uri = "https://pdfobject.com/pdf/sample.pdf";
2const scale = 1.0;
3
4// Generate an image from a specific page
5PdfPageImage.generate(uri, 1, scale)  // Example uses page number 1
6  .then(image => console.log(`Generated image: ${image.uri}, Width: ${image.width}, Height: ${image.height}`))
7  .catch(error => console.error('Error generating image:', error));

Optional: Getting PDF Information

To open a PDF document and retrieve its information, use the open method:

1PdfPageImage.open(uri)
2  .then(info => console.log(`PDF opened with URI: ${info.uri}, Page count: ${info.pageCount}`))
3  .catch(error => console.error('Error opening PDF:', error));

Optional: Closing the PDF Document

After processing, you can close the PDF document and delete any temporary files that were generated. Use the close method:

1PdfPageImage.close(uri)
2  .then(() => console.log('PDF closed successfully.'))
3  .catch(error => console.error('Error closing PDF:', error));

API

open(uri: string): Promise<PdfInfo>

Opens a PDF document and returns its basic information.

• uri: Path to the PDF file.

generate(uri: string, page: number, scale?: number): Promise<PageImage>

Generates an image from a specific PDF page.

• uri: Path to the PDF file.
• page: Page number to render.
• scale: Scale of the generated image, optional

generateAllPages(uri: string, scale?: number): Promise<PageImage[]>

Generates images from all pages of the PDF document.

• uri: Path to the PDF file.
• scale: Scale of the generated images, optional.

close(uri: string): Promise<void>

Clean up resources, deleting temporary files and closing connections..

• uri: Path to the PDF file that is currently open.

Types

1type PdfInfo = {
2  uri: string;
3  pageCount: number;
4};
5
6type PageImage = {
7  uri: string;
8  width: number;
9  height: number;
10};

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with create-react-native-library