Nativescript PSPDFKit

Nativescript 的 PSPDFKit 实现 (https://pspdfkit.com/)。目前仅支持 iOS，Android 支持即将推出。

请注意，此插件尚未准备用于生产环境。您必须将此项目分叉以获取您许可版本的 POD 正确安装（目前）。

安装

npm install nativescript-pspdfkit

示例实现

Android

修改位于 app/App_Resources/Android/ 文件夹中的 AndroidManifest.xml 文件中的活动入口app/App_Resources/Android/ 文件夹

<activity
        android:name="com.github.TeamMaestro.TNSFragmentActivity"
        android:label="@string/title_activity_kimera"
        android:configChanges="keyboardHidden|orientation|screenSize">

        <activity android:name="com.pspdfkit.ui.PdfActivity" android:windowSoftInputMode="adjustNothing" />
        <meta-data android:name="pspdfkit_license_key" android:value="youKey"/>

修改位于 app.gradle 文件中的默认配置项，该文件位于app/App_Resources/Android/ 文件夹

defaultConfig {
    minSdkVersion 19

import {TNSPSPDFKit} from 'nativescript-pspdfkit';
let licenseKey = '';
let pspdfkit = new TNSPSPDFKit(licenseKey);
/*
 TNSPSPDFKitOptions {
  scrollDirection?: 'vertical' | 'horizontal';
  backgroundColor?: string;
  spreadFitting?: 'adaptive' | 'fit' | 'fill';
  thumbnailBar?: 'scrollable' | 'scrubber' | 'none';
  scrubberBar?: 'verticalRight' | 'verticalLeft';
  thumbnailSize?: string;
  pageMode?: 'automatic' | 'single' | 'double';
  minZoom?: number;
  maxZoom?: number;
}

*/
pspdfkit.display('~/example.pdf',{ scrollDirection: 'vertical' });

重要提示：确保在页面标签上包含 xmlns:pspdfkit="nativescript-pspdfkit"

<pdfView:TNSPSPDFView scrollDirection="horizontal" scrubberBar="verticalRight" thumbnailBar="scrubber" spreadFitting="fill" src="~/example.pdf"/>

Angular

import { TNSPSPDFView } from 'nativescript-pspdfkit';
import { registerElement } from "nativescript-angular/element-registry";
registerElement("TNSPSPDFView", () => require("nativescript-pspdfkit").TNSPSPDFView);

<TNSPSPDFView selectedIndexChange="pageChanged" scrollDirection="horizontal" scrubberBar="verticalRight" thumbnailBar="scrubber" spreadFitting="fill" src="~/example.pdf"></TNSPSPDFView>

Webpack 设置 worker loader -> 链接

API

示例图像

IOS	Android