Skip to content
DemoAPI 参考文档FAQ

PDF 生成模板编辑器

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

查看 GitHub
React Native Guides Reader state and interface callbacks

Reader 状态与界面回调 ​

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

Reader 与查看器回调 ​

回调参数触发时机
onViewCreated无Reader 就绪;后续 API 可通过 ref.current 调用。
onPageChangedpageIndex: number当前页面变化。
onSaveDocument无Reader 报告保存事件。
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()。