在 Nativescript 中显示来自 URL 的 PDF

Question

我正在尝试使用网络视图显示来自 url 的 PDF。我尝试使用 src 属性和 url 属性加载它。我也曾尝试从 Javascript 中的 onLoaded 事件加载它，但仍然没有运气......有没有更好的方法在 Nativescript 应用程序中加载 PDF 文档？ webview 加载了像 google url 这样的小东西，没有任何问题。这是我试过的一些代码。

// 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" />

从 JS 加载而不是从 xml

//did not work 
exports.viewLoaded = function (args) {    
    var page = args.object;
    var webview = page.getViewById("eula-view");
    webview.url = "https://somewebsite/eula/foo.pdf"; 
}; 

// worked fine
exports.viewLoaded = function (args) {    
    var page = args.object;
    var webview = page.getViewById("eula-view");
    webview.url = "http://google.com"; 
};

Answer 1

我创建了一个 NativeScript 插件，用于在 iOS 和 Android 上显示 PDF 文件。我还没有亲自尝试使用 Google Docs 的 WebView 方法，因为我需要从本地设备显示 PDF 文件，并且不需要活动的互联网连接。

插件是nativescript-pdf-view。用法是这样的：

纯 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>

在 Nativescript 中显示来自 URL 的 PDF

Displaying a PDF from a URL in Nativescript

javascript

nativescript