How can I add custom widgets to a PDF document in a React Native app?

Hi. I’m currently working on a React Native project where I need to customize PDF annotations by adding specific widgets such as text fields, checkboxes, and signatures. Initially, I want to remove existing annotations and redraw new ones based on my custom requirements.

Here’s an example of the data structure I’m working with:

[{
  "dateModified": "2024-02-28T14:31:39.333Z",
  "height": 10.36,
  "id": "7176b089-8ccd-cfd1-5722-67eda452348c",
  "name": "BuyerDate",
  "pageNumber": 1,
  "type": "text",
  "width": 78.66,
  "x": 169.21,
  "y": 113.96
}]

In our web app, we used methods like “addAnnotation” and “drawAnnotationsFromList” to achieve this. However, I’m looking for equivalents or alternative methods in React Native to accomplish the same goal.

Could anyone guide me on how to programmatically handle PDF annotations with custom widgets in React Native?

1 Like

Thank you for post! To create annotations, you’ll need to use the native code such as the following guides Text | Apryse Documentation Text | Apryse Documentation
If you would like a React Native API then you can add it to the React Native source code or request for it by opening a support ticket : Apryse

1 Like