react-native-pdf-lib

You can create a new PDF by defining PDFPage objects and then using PDFDocument.create(path) to write them to a file.

PDFPage.create() allows you to:

• .setMediaBox(width, height): Set the page dimensions.
• .drawText(text, options): Add text with specific x, y, and color.
• .drawRectangle(options): Add rectangles with x, y, width, height, and color.
• .drawImage(path, type, options): Add images (e.g., 'jpg', 'png').

Finally, use PDFDocument.create(path).addPages(...).write() to save the document. write() returns a Promise that resolves with the final PDF path.

import PDFLib, { PDFDocument, PDFPage } from 'react-native-pdf-lib';

const page1 = PDFPage
  .create()
  .setMediaBox(200, 200)
  .drawText('You can add text and rectangles to the PDF!', {
    x: 5,
    y: 235,
    color: '#007386',
  })
  .drawRectangle({
    x: 25,
    y: 25,
    width: 150,
    height: 150,
    color: '#FF99CC',
  });

const docsDir = await PDFLib.getDocumentsDirectory();
const pdfPath = `${docsDir}/sample.pdf`;

PDFDocument
  .create(pdfPath)
  .addPages(page1)
  .write()
  .then(path => {
    console.log('PDF created at: ' + path);
  });

If automatic linking fails, follow these manual steps:

iOS

1. In Xcode, right-click Libraries and select Add Files to [your project's name].
2. Navigate to node_modules/react-native-pdf-lib and add RNPdfLib.xcodeproj.
3. In Xcode, select your project, go to Build Phases -> Link Binary With Libraries, and add libRNPdfLib.a.

Android

1. In MainActivity.java, add import com.reactlibrary.PdfLibPackage; and add new PdfLibPackage() to the getPackages() method.
2. In android/settings.gradle, add:

   include ':react-native-pdf-lib'
   project(':react-native-pdf-lib').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-pdf-lib/android')

3. In android/app/build.gradle, add compile project(':react-native-pdf-lib') to the dependencies block.
4. Ensure dexOptions { jumboMode = true } is set in android/app/build.gradle.

To edit an existing PDF, use PDFPage.modify(index) where index is the zero-based page number. You can then apply drawing operations to that page.

To save the changes, use PDFDocument.modify(existingPath) and chain the following:

• .modifyPages(page1, page2, ...): Applies modifications to existing pages.
• .addPage(page3): Appends a newly created page to the document.
• .write(): Saves the changes and returns a Promise resolving to the file path.

When using drawImage on modified pages, you can specify the source in the options:

• source: 'assets': Retrieves the image from Android assets.
• source: 'path': Retrieves the image from the provided file path.

import PDFLib, { PDFDocument, PDFPage } from 'react-native-pdf-lib';

const page1 = PDFPage
  .modify(0)
  .drawText('This is a modification on the first page!', {
    x: 5,
    y: 235,
    color: '#F62727',
  });

const existingPDF = 'path/to/existing.pdf';

PDFDocument
  .modify(existingPDF)
  .modifyPages(page1)
  .write()
  .then(path => {
    console.log('PDF modified at: ' + path);
  });