在Nativescript中显示URL中的PDF

时间:2016-07-11 14:23:21

标签: javascript nativescript

我正在尝试使用webview从网址显示PDF。我尝试使用src属性和url属性加载它。我也尝试从Javascript中的onLoaded事件加载它,但仍然没有运气...有没有更好的方法在Nativescript应用程序中加载PDF文档? webview会加载像google网址一样小的内容,但不会出现任何问题。这是我尝试过的一些代码。

try-finally

从JS而不是从xml加载

// did not work 
<WebView row="0" id="eula-view" src="https://somewebsite/eula/foo.pdf"/>

// did not work 
<WebView row="0" id="eula-view" url="https://somewebsite/eula/foo.pdf" />

//worked fine 
<WebView row="0" id="eula-view" url="http://google.com" />

1 个答案:

答案 0 :(得分:2)

我创建了一个NativeScript插件,用于在iOS和Android上显示PDF文件。我没有亲自尝试使用Google文档的WebView方法,因为我需要从本地设备显示PDF文件,并且不希望需要有效的Internet连接。

该插件为nativescript-pdf-view。用法是这样的:

Plain NativeScript:

<Page
 xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded"
 xmlns:pdf="nativescript-pdf-view">
  <StackLayout>
    <pdf:PDFView src="{{ pdfSrc }}"/>
  </StackLayout>
</Page>

Angular 2

// somewhere in the JavaScript/TypeScript:
import 'nativescript-pdf-view';

// in the view:
<PDFView [src]="pdfSrc"></PDFView>