Fill PDF form fields programmatically in React Native

Nutrient React Native SDK allows you to fill form fields programmatically. Each form field has a fully qualified name used to identify and retrieve a specific form field object before filling it.

Getting the fully qualified name of a form field

The example below shows how to obtain the fully qualified name of the first form field on the first page of a document:

const annotations = await this.pdfRef.current?.getDocument().getAnnotationsForPage(0);
const firstFormFieldName = annotations[0]['formFieldName'];

Filling the value of a form field

The example below shows how to fill the value of a form field with a fully qualified name (formFieldName) and two radio buttons with fully qualified names (radioFieldName_0 and radioFieldName_1):

this.pdfRef.current?.setFormFieldValue(
	'formFieldName',
	'Form Field Value',
);

// For radio buttons and checkboxes, use `selected` and `deselected`.
this.pdfRef.current?.setFormFieldValue('radioFieldName_0', 'selected');
this.pdfRef.current?.setFormFieldValue(
	'radioFieldName_1',
	'deselected',
);

For more details and sample code, see the ProgrammaticFormFilling.tsx example from the Catalog example project.