@nativescript/pdf

一个简单的 PDF 阅读器。它方便地使用了 iOS 的 WKWebView，而 Android 则使用 AndroidPdfViewer。

备注此存储库替换了 madmas/nativescript-pdf-view，后者是 Merott 的原始版本的分支，并且将在他的同意下使用，以便进一步维护此 NativeScript 插件。

内容

安装
用法
PDFView API

安装

npm install @nativescript/pdf

用法

核心

xml

<Page
  xmlns="http://schemas.nativescript.org/tns.xsd"
  xmlns:pdf="@nativescript/pdf"
  loaded="pageLoaded">
  <pdf:PDFView src="{{ pdfUrl }}" load="{{ onLoad }}" />
</Page>

查看完整示例，请访问 NativeScript TypeScript：pdf

Angular

import { NativeScriptPdfModule } from '@nativescript/pdf/angular'

@NgModule({
	imports: [
    NativeScriptCommonModule,
    ...
    NativeScriptPdfModule
  ],

html

<PDFView [src]="pdfUrl" (load)="onLoad()"></PDFView>

查看完整示例，请访问 NativeScript Angular：pdf

Vue

在 app.ts 文件中注册组件。

registerElement('PDFView', () => require('@nativescript/pdf').PDFView)

然后，在标记中使用它。

xml

<PDFView :src="pdfUrl" row="1"></PDFView>

Svelte

在 app.ts 文件中注册组件。

registerElement('pDFView', () => require('@nativescript/pdf').PDFView)

然后，在标记中使用它。

xml

<pDFView src={ pdfUrl } row="1"></pDFView>

查看完整示例 NativeScript Svelte：pdf

React

在 app.ts 文件中注册组件

interface PDFViewAttributes extends ViewAttributes {
  src: string
}
declare global {
  module JSX {
    interface IntrinsicElements {
      pdfView: NativeScriptProps<PDFViewAttributes, PDFViewCommon>
    }
  }
}
registerElement('pdfView', () => require('@nativescript/pdf').PDFView)

按如下方式在标记中使用它

xml

<gridLayout class="px-5" columns="*" rows="auto, *">

  <button
      height="70"
      text="Show Another!"
      class="text-[#76ABEB] font-bold mt-8 mb-5 text-lg"
      onTap={this.changePDF}
  >
  </button>

  <pdfView src={this.state.pdfUrl} row="1" onLoaded={this.onLoaded}></pdfView>
</gridLayout>

您可以在 StackBlitz 上找到完整示例此处。

PDFView API

loadEvent

PDFView.loadEvent

src

pdfView.src = 'some-pdf-url'

设置 PDF 文件的源。

notifyOfEvent()

PDFView.notifyOfEvent(eventName: string, pdfViewRef: WeakRef<Common>)

loadPDF()

pdfView.loadPDF(src)

加载指定源处的 PDF 文件。

@nativescript/pdf ​

内容 ​

安装 ​

用法 ​

核心 ​

Angular ​

Vue ​

Svelte ​

React ​

PDFView API ​

loadEvent ​

src ​

notifyOfEvent() ​

loadPDF() ​

贡献者