反应式本机 Web：从应用程序内的 Webview 打开链接的 PDF

Question

有没有一种简单的方法可以打开/显示通过应用程序内的react-native-webview中的WebView显示的网站上链接的PDF，或者至少在手机上的默认PDF应用程序中？

如何“更改”网站的行为，现在是链接的 PDF（例如 Link 在普通浏览器中打开并下载...相反，它应该只是

打开react-native-pdf和react-native-view-pdf，但它们似乎只是打开本地PDF...如何实际注入。并修改网站上的链接以实现这种行为？

谢谢

编辑： 我尝试的是：

import Pdf from 'react-native-pdf';

showPdf(pdfurl) {
  const source = {uri: pdfurl,cache:true};
  //const source = require('./test.pdf');  // ios only
  //const source = {uri:'bundle-assets://test.pdf'};

  //const source = {uri:'file:///sdcard/test.pdf'};
  //const source = {uri:"data:application/pdf;base64,..."};

  return (
      <View style={styles.container}>
        <Pdf
            source={source}
            onLoadComplete={(numberOfPages,filePath)=>{
                console.log(`number of pages: ${numberOfPages}`);
            }}
            onPageChanged={(page,numberOfPages)=>{
                console.log(`current page: ${page}`);
            }}
            onError={(error)=>{
                console.log(error);
            }}
            style={styles.defaults.pdf} />
      </View>
  )
}

在 Webview 配置中：

          onShouldStartLoadWithRequest={(event) => {
            if (event.url.includes('.pdf')) {
              this.showPdf(event.url);
              return false;
            }
            return true;
          }}