Guides

Viewer

ComPDF React Native SDK provides reader-level callbacks through CPDFReaderView. Use these callbacks for viewer lifecycle and UI events.

Available Callbacks

Callback	Trigger Timing	Payload
onPageChanged	Current page changes	number pageIndex
onSaveDocument	Document save completes	No payload
onFullScreenChanged	Fullscreen state changes	boolean isFullScreen
onTapMainDocArea	User taps the main PDF page area	No payload
onPageEditDialogBackPress	User taps the back button in the page edit dialog	No payload
onIOSClickBackPressed	iOS top-left reader back button is tapped	No payload
onSearchBackButtonTapped	User taps the back button in the search view	No payload
onAddWatermarkDialogDismissed	Add watermark dialog is dismissed	No payload

Example Usage

<CPDFReaderView
  ref={pdfReaderRef}
  document={samplePDF}
  configuration={configuration}
  onViewCreated={() => {
    console.log('Reader created');
  }}
  onPageChanged={(pageIndex) => {
    console.log('Current page:', pageIndex);
  }}
  onSaveDocument={() => {
    console.log('Document saved successfully');
  }}
  onFullScreenChanged={(isFullScreen) => {
    console.log('Is full screen:', isFullScreen);
  }}
  onTapMainDocArea={() => {
    console.log('Main document area tapped');
  }}
  onPageEditDialogBackPress={() => {
    console.log('Back button pressed in page edit dialog');
  }}
  onIOSClickBackPressed={() => {
    console.log('iOS back button pressed');
  }}
  onSearchBackButtonTapped={() => {
    console.log('Search back button tapped');
  }}
  onAddWatermarkDialogDismissed={() => {
    console.log('Add watermark dialog dismissed');
  }}
/>

Note

• onSearchBackButtonTapped is useful when you manage search state on the React Native side.
• onAddWatermarkDialogDismissed fires after the add watermark panel closes. Use it to restore custom UI state or refresh watermark-related controls.