Nutrient React Native SDK

Edit PDFs in React Native — Text, pages, and documents

Edit text directly in PDFs — change content, font, size, and color through a built-in UI
Move, rotate, reorder, add, and delete pages using the document editor
Merge multiple PDFs into one, or split a PDF into separate documents
Single JavaScript API that runs natively on both iOS and Android

Need pricing or implementation help? Talk to Sales.

PDF EDITING IN REACT NATIVE

1
// Enable the Content Editor toolbar button.
2
toolbar={{
3
  // iOS
4
  rightBarButtonItems: {
5
    viewMode: Toolbar.PDFViewMode.VIEW_MODE_DOCUMENT,
6
    animated: true,
7
    buttons: [Toolbar.DefaultToolbarButton.CONTENT_EDITING_BUTTON_ITEM],
8
  },
9
  // Android
10
  toolbarMenuItems: {
11
    buttons: [Toolbar.DefaultToolbarButton.CONTENT_EDITING_BUTTON_ITEM],
12
  },
13
}}

1
// Enable the Document Editor toolbar button.
2
toolbar={{
3
  // iOS
4
  rightBarButtonItems: {
5
    viewMode: Toolbar.PDFViewMode.VIEW_MODE_DOCUMENT,
6
    animated: true,
7
    buttons: [Toolbar.DefaultToolbarButton.DOCUMENT_EDITOR_BUTTON_ITEM],
8
  },
9
  // Android
10
  toolbarMenuItems: {
11
    buttons: [Toolbar.DefaultToolbarButton.DOCUMENT_EDITOR_BUTTON_ITEM],
12
  },
13
}}

1
// Enter content editing mode programmatically.
2
this.pdfRef.current?.enterContentEditingMode();

USE CASES

When developers reach for this SDK

Let users edit PDF text on their device

Users need to correct text, update values, or fill in content directly in a PDF — without converting to another format. The SDK’s content editor handles this with a native UI on both iOS and Android.

Build a mobile document management app

Apps that manage contracts, reports, or forms often need to let users reorganize documents — reordering, removing, or adding pages before sending. The document editor covers all of these operations.

Merge and split PDFs on the fly

Combine multiple files into one for sharing, or split a large document into separate sections. Both are handled programmatically through the PDF generation API.

Share one codebase across iOS and Android

The same toolbar configuration and programmatic API works on both platforms. No platform-specific branching required for standard editing workflows.

PDF editing capabilities for React Native

Text content editing

Edit text directly in PDF documents using the built-in content editor UI. Text is grouped by paragraphs so users can edit multiple lines in a single text box.

VIEW GUIDE

Change text content, color, font type, and font size
Move and resize text boxes on the page
Bold and italic formatting supported

Document page editing

Edit document structure through the built-in document editor UI, accessible from the thumbnail screen. Supports interactive and programmatic page operations.

VIEW GUIDE

Move, reorder, and rotate pages
Add new pages or delete existing ones
Available via built-in UI and programmatic API

Merge and split documents

Combine multiple PDFs into a single document or split a PDF into several separate files — handled through the PDF generation API.

VIEW GUIDE

Merge several PDFs into one document
Split a PDF into multiple separate documents
Controlled programmatically via the generation API

Single API for iOS and Android

Both the toolbar configuration and programmatic editing API are unified — the same code enables content editing and document editing on both platforms.

VIEW GUIDE

Shared toolbar configuration for iOS and Android
Programmatic API works identically on both platforms
Native performance — no WebView rendering

Supported operations

edit text change font move text box resize text box rotate pages reorder pages add pages delete pages merge PDFs split PDFs

ADVANCED CAPABILITIES

Two editing modes for different needs

The SDK separates content editing (changing text inside a PDF) from document editing (restructuring pages). Both require their respective licensed components and can be enabled independently. Content editing requires the document to be stored in a writable location on the filesystem.

EXPLORE REACT NATIVE SDK

Illustration of PDF content editing on mobile

Content Editor component

Enables direct text editing inside PDFs. Requires the Content Editor license component and a writable document location.

Document Editor component

Enables page-level editing — move, rotate, add, delete, merge, and split. Requires the Document Editor license component.

Programmatic entry

Trigger content editing mode without user interaction using the programmatic API — useful for guided editing flows in your app.

Hardware keyboard support

Text editing works with a hardware keyboard paired with the device, in addition to the software keyboard on iOS and Android.

Frequently asked questions

How do I edit text in a PDF with React Native?

Add the Content Editor button to the toolbar in your NutrientView configuration. Users tap the button to enter content editing mode and then double-tap a text box to edit it. You can also enter content editing mode programmatically without user interaction. The Content Editor component must be enabled in your license. See the editor guide for setup details.

How do I reorder, rotate, or delete pages in React Native?

Add the Document Editor button to the toolbar. This opens the document thumbnail screen where users can move, rotate, add, and delete pages interactively. The Document Editor component must be enabled in your license. See the editor guide.

How do I merge or split PDFs in React Native?

Merging and splitting are handled through the PDF generation API. See the PDF generation guide for implementation details.

Does the editing API work on both iOS and Android?

Yes. The toolbar configuration and programmatic API are unified across platforms. You provide platform-specific keys (iOS uses rightBarButtonItems, Android uses toolbarMenuItems), but the button identifiers and editing behavior are the same.

What are the limitations of content editing in React Native?

Content editing currently supports left-to-right text only. You cannot create new text boxes, only edit existing ones. Undo isn’t available while in content editing mode. Multistage input (used for Chinese, Japanese, and Korean) isn’t supported. See the editor guide for the full list.

Do I need a special license to use the editing features?

Yes. Text content editing requires the Content Editor component in your license, and page-level document editing requires the Document Editor component. Contact Sales to enable these for your account.

FREE TRIAL

Ready to get started?

Add PDF editing to your React Native app in minutes — no payment information required.

Try for free