Guides
查看器
ComPDF React Native SDK 通过 CPDFReaderView 提供 阅读器级回调。你可以使用这些回调处理查看器生命周期和 UI 事件。
可用回调
| 回调 | 触发时机 | 返回值 |
|---|---|---|
onPageChanged | 当前页面变化 | number pageIndex |
onSaveDocument | 文档保存完成 | 无返回值 |
onFullScreenChanged | 全屏状态变化 | boolean isFullScreen |
onTapMainDocArea | 用户点击 PDF 主页面区域 | 无返回值 |
onPageEditDialogBackPress | 用户点击页面编辑弹窗返回按钮 | 无返回值 |
onIOSClickBackPressed | 点击 iOS Reader 左上角返回按钮 | 无返回值 |
onSearchBackButtonTapped | 用户点击搜索界面返回按钮 | 无返回值 |
onAddWatermarkDialogDismissed | 添加水印弹窗关闭 | 无返回值 |
示例
tsx
<CPDFReaderView
ref={pdfReaderRef}
document={samplePDF}
configuration={configuration}
onViewCreated={() => {
console.log('Reader created');
}}
onPageChanged={(pageIndex) => {
console.log('当前页面:', pageIndex);
}}
onSaveDocument={() => {
console.log('文档保存成功');
}}
onFullScreenChanged={(isFullScreen) => {
console.log('是否全屏:', isFullScreen);
}}
onTapMainDocArea={() => {
console.log('点击了 PDF 主页面区域');
}}
onPageEditDialogBackPress={() => {
console.log('点击了页面编辑弹窗返回按钮');
}}
onIOSClickBackPressed={() => {
console.log('点击了 iOS 返回按钮');
}}
onSearchBackButtonTapped={() => {
console.log('点击了搜索返回按钮');
}}
onAddWatermarkDialogDismissed={() => {
console.log('添加水印弹窗已关闭');
}}
/>注意事项
onSearchBackButtonTapped适合在 React Native 层管理搜索状态时使用。onAddWatermarkDialogDismissed会在添加水印面板关闭后触发,可用于恢复自定义 UI 状态或刷新水印相关控件。