Skip to content
DemoAPI 参考文档FAQ

PDF 生成模板编辑器

开源可视化 PDF 生成引擎,支持自定义模板,并提供面向开发者的 API,灵活构建文档生成流程。

查看 GitHub
Guides

Reader 状态与界面回调

使用以下 CPDFReaderView Props 响应 Reader 状态和界面操作。

Reader 与查看器回调

回调参数触发时机
onViewCreatedReader 就绪;后续 API 可通过 ref.current 调用。
onPageChangedpageIndex: number当前页面变化。
onSaveDocumentReader 报告保存事件。
onPageEditDialogBackPress点击页面编辑界面的返回按钮。
onFullScreenChangedisFullScreen: boolean全屏状态变化。
onTapMainDocArea点击 PDF 页面主区域。
onIOSClickBackPressed点击 iOS Reader 的返回按钮。
onSearchBackButtonTapped点击搜索界面的返回按钮。
onAddWatermarkDialogDismissed添加水印面板关闭。

onSaveDocument 的类型为 () => void,不提供成功状态、路径或 URI。应用主动保存并需要结果时,使用 await pdfReaderRef.current?.save() 返回的 Promise<boolean>

tsx
<CPDFReaderView
  ref={pdfReaderRef}
  document={samplePDF}
  configuration={configuration}
  onViewCreated={() => {
    console.log("Reader is ready");
  }}
  onPageChanged={(pageIndex) => {
    console.log("Current page index:", pageIndex);
  }}
  onSaveDocument={() => {
    console.log("Native Reader reported a save event");
  }}
  onFullScreenChanged={(isFullScreen) => {
    console.log("Full screen:", isFullScreen);
  }}
  onIOSClickBackPressed={() => {
    console.log("iOS Reader back button tapped");
  }}
/>

Props 回调跟随 CPDFReaderView 生命周期,不使用 removeEventListener()