用于安卓系统的React原生WebView不显示PDF和Word文件
React Native是一种用于构建跨平台移动应用程序的开发框架。它允许开发人员使用JavaScript和React构建原生移动应用程序，同时具有良好的性能和用户体验。
在React Native中，可以使用WebView组件来加载和显示Web内容。然而，React Native的WebView组件在安卓系统上默认不支持直接显示PDF和Word文件。这是因为WebView组件在安卓系统上使用的是基于WebKit的WebView引擎，而该引擎不支持直接渲染PDF和Word文件。
要在React Native应用程序中显示PDF和Word文件，可以考虑以下解决方案：
- 使用第三方库：可以使用一些第三方库来实现在React Native应用程序中显示PDF和Word文件。例如，可以使用react-native-pdf库来加载和显示PDF文件，使用react-native-doc-viewer库来加载和显示Word文件。这些库提供了相应的组件和API，可以方便地在React Native应用程序中使用。
- 转换为其他格式：如果需要在React Native应用程序中显示PDF和Word文件的内容，可以考虑将这些文件转换为其他格式，例如HTML或图片。然后，可以使用WebView组件来加载和显示转换后的内容。可以使用一些第三方库或服务来进行文件格式转换，例如将PDF转换为HTML的pdf2htmlEX工具。
- 使用在线服务：另一种解决方案是使用在线服务来将PDF和Word文件转换为可在WebView中显示的格式。可以使用一些在线转换服务，例如Google Docs、Microsoft Office Online等，将文件转换为HTML或图片格式，然后在React Native应用程序中加载和显示转换后的内容。
总结起来，要在React Native应用程序中显示PDF和Word文件，可以使用第三方库、转换为其他格式或使用在线服务来实现。具体选择哪种解决方案取决于应用程序的需求和开发者的偏好。
相关·内容
3回答
我正在尝试阅读PDF并使用PDFbox在Android上显示内容。我只能阅读PDF并在Android webview中显示它。谁能告诉我如何以另一种方式显示PDF？或者也许PDFBox与安卓不兼容？
浏览 3提问于2011-04-28得票数 4
React Native在幕后使用什么来与iOS和安卓交互？Cordova使用WebView在本地容器中有效地显示网页；React native是否使用相同的方法？如果不是，它使用什么方法？
浏览 0提问于2015-11-02得票数 47
回答已采纳
3回答
Android字体不可读
、、、
我使用react-native-html-to-pdf将HTML转换为PDF，使用react-native-pdf来查看PDF。
过去几天，一些Android用户报告说，生成的PDF是不可读的。下面的图片就是一个例子：
为了调试这个问题，我们买了一部新的android 12手机。第一天，PDF在电话中是可读的，没有任何问题。过了一段时间，PDF在新手机上也变得不可读了。
另一方面，一些android手机正面临着这个“部分”问题。在一些安卓手机中，如果我们设置html font-weight:bold，则PDF显示得非常完美。但不幸的是，它并不适用于所有的手机。
字体大小:粗体正在工作
浏览 31提问于2022-06-24得票数 0
5回答
我正在尝试加载一个自定义的安卓WebView，以便能够使用html文件输入上传文件(默认情况下，Android webview不会与输入文件一起工作)。，唯一的区别是我使用的是expo工具包，所以我的MainApplication.java是不同的(默认情况下继承自另一个类)：
public class MainApplication extends MultiDexApplication {
// Needed for `react-native link`
public List<ReactPackage> getPackages() {
retu
浏览 2提问于2017-12-29得票数 13
我最近在代码中添加了<ActivityIndicator>，以便在<WebView>中加载外部链接时显示加载器。 这适用于许多不同的链接，除了那些带有PDF的链接，例如：http://www.pdf995.com/samples/pdf.pdf 这样，它最初显示加载器，但随后呈现空白页面。在iOS中，当我试图向下滚动时，我确实看到了页码。它只是不显示PDF内容。 如果我从<WebView>中删除startInLoadingState={true}，它可以正常工作，但加载器不会显示。 我需要让这个工作与加载器显示在- iOS和安卓。 世博会零食演示：http
浏览 10提问于2019-02-17得票数 5
回答已采纳
我在fabric中看到了这个错误，它导致了很多崩溃。我搜索了很多，但没有找到任何有用的东西。我找到了，但我看不出它与react native有什么关系。
我没有在我的代码中使用WebView，但我想可能我的某个node_modules包正在使用它，唯一包含WebView的包是react-native-onesignal
下面是完整的堆栈跟踪
这种情况只发生在安卓7中，但可能是安卓将Webview与安卓5+放在了一个单独的包中
浏览 8提问于2018-02-17得票数 0
1回答
Webview与混合应用程序
、、、、
我读了很多关于原生应用、混合应用、webviews的文章。我觉得“混合”和"webview“这两个词可以互换使用。 我在一些网站上读到webview基本上是一个本机应用程序，除非你有一个叫做"webview“的布局部分，它可以在上面加载网站或网站的部分。(安卓使用WebView类，ios使用WKWebView类) 然后还有其他文章解释混合应用程序“使用web技术，如webviews……”然后它继续说混合技术的例子有React Native，xamarin，flutter等。 我只是真的很困惑。当人们说他们的应用程序使用"Webviews“时，他们是指android和i
浏览 9提问于2020-03-24得票数 1
我已经成功地从我的安卓app.Is中使用webview实现了推特身份验证(Twitter4j)可以不使用webview..ie进行身份验证；通过触发手机推特应用程序？
浏览 5提问于2014-04-02得票数 2
我正在使用Ionic，但决定使用Nativescript而不是webView，但是有没有办法像ionic (ionic serve )那样使用浏览器来更快地开发它，而不是在安卓或emulator.Also上运行，我听说ionic试图像nativescript那样将webView迁移到手机引擎，是真的吗？
浏览 0提问于2017-11-11得票数 0
我是在一个android应用程序工作，我想打开一个pdf从一个链接在一个android网页视图。但该链接已经实现了自授权。我无法打开与pdf.But的链接，如果我放置一个没有pdf的链接，我能够看到网页在安卓webview.So的创作工作良好。问题是当我将"“添加到url以打开pdf时。
请查查我的密码。
public class MainActivity extends Activity {
@SuppressLint("SetJavaScriptEnabled")
@Override
protected void onCreate(Bund
浏览 1提问于2014-08-06得票数 2
通过使用webview，我可以在iOS中显示pdf，但在android中它总是显示白屏。 我正在使用webview在我的移动应用程序中显示pdf。在iOS中，它运行良好，但在安卓系统中，它仍然显示白屏。我知道有一些像react-native-pdf这样的包可以做到这一点，但我想通过webview做到这一点。有没有可能，如果是，那怎么做呢？ <WebView
source={require('./android/app/src/main/myPdf.pdf')}
/> 它应该在android应用程序中显示pdf，但它每次都显示
浏览 64提问于2019-05-20得票数 0
在不使用webView的情况下，我们如何在安卓和iOS的react原生中调整文本，因为webView在放入另一个视图后在安卓中是不可见的。
以下选项仅适用于iOS。
textAlign='justify'
浏览 0提问于2018-03-16得票数 1
我正在尝试使用react原生.But在WebView上加载一个网页(必须访问摄像头)，我无法通过react原生安卓应用程序中的webview访问摄像头。
浏览 18提问于2018-01-19得票数 4
回答已采纳
我们将开发一个移动应用程序(iOS和安卓)，这应该提供下载和存储几个用户选择的PDF文件，并在应用程序(iOS与WebView)或与外部PDF Viewer (安卓)。
我的问题是:使用Trigger.io可以做到这一点吗？我在官方文档中没有找到任何与此相关的内容。我们能对文件或子浏览器/标签模块做些什么吗？如果有，你有什么例子吗？
注意:我们将使用Backbone.js和jQuery移动库作为附加库。
浏览 5提问于2012-09-03得票数 1
回答已采纳
反应本机网页视图，安卓后退按钮，而不是退出应用程序。当我按回按钮，它将不需要应用程序。下面是我的示例代码。
import React, { useEffect, useRef } from 'react';
import { BackHandler } from 'react-native';
import WebView from 'react-native-webview';
const App = () => {
const webview = useRef(null);
const onAndroidBackPre
浏览 4提问于2022-02-07得票数 0
我有一个react原生应用程序(使用react-native 0.43.3)，它使用webview显示用于在线银行的网页。该站点将加载一个带有登录页面的弹出窗口。
使用ReactNative WebView时，此弹出窗口不会显示。在原生安卓中，为了启用弹出窗口显示，我发现我需要创建webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true)，但在使用ReactNative WebView时找不到设置此参数的方法。
有没有一种方法可以用ReactNative提供的WebView实现这一点？
浏览 2提问于2018-01-06得票数 3
1回答
我在我的安卓应用程序中安装了WebView，并加载了本地页面，链接如下：
<a href="pdf:DOCUMENT.pdf">DOCUMENT</a>
我的需要是，当用户将点击此链接更改网址，并将用户重定向到"“。我的代码不工作了。我搜索了很多信息，尝试了很多。
我的代码如下：
webview = (WebView) v.findViewById(R.id.webview);
webview.getSettings().setJavaScriptEnabled(true);
webview.getSetting
浏览 0提问于2015-07-14得票数 0
1回答
我正在加载安卓WebView的web应用程序。我添加了history.back()，用于在JavaScript中单击html按钮。它在安卓系统WebView版本- 55.02883.91升级安卓系统WebView之前运行良好，但在将WebView升级到Android系统WebView版本- 63.0.3239.107之后，它停止工作，甚至没有抛出任何错误。
$("#backButton").on("click", function() {
history.back();
});
安卓最新的WebView不支持history.back()，有什么替代的方法吗？
浏览 6提问于2017-12-18得票数 0
回答已采纳
我可以使用现有的javascript接口，目前附加在我的安卓和iOS项目中的iOS，在React本机应用程序？
React本机不使用WebView来运行自己。但我可以创建它。我的问题是如何使用现有的javascript接口，或者将其附加到React中创建的WebView中，进行某种类型的React扩展等等.
背景：
我有几个使用WebView制作的安卓和ios应用程序。对于WebView，有一个javascript接口(所有应用程序都一样)，用于访问本地设备环境特性(如Cordova/Phonegap)、第三方SDK和库(其中之一是增强现实的SDK)，所以我的javascript "b
浏览 6提问于2016-04-29得票数 0
回答已采纳
现在，原生安卓和IOS应用程序是否可以使用WebGL？
看起来安卓WebView和IOS UIWebView (iAd除外)都不支持WebGL，对吧？
还有哪些库(不是浏览器)在安卓和IOS上支持WebGL？如果能有一些例子就太好了。
浏览 16提问于2013-10-28得票数 4
所以我创建了几个html页面，通过WebView嵌入到应用程序中，页面本身在普通的安卓浏览器中工作得很好，但是在WebView模块中，页面的宽度只有313，并且它允许一点水平滚动，这在安卓的普通浏览器中是不会发生的。
所以想要的宽度是320px，WebView输出的是313px，但仍然允许水平滚动(几个像素)。
下面是我的布局代码，我假设Android在网页视图中注入了一些我不知道的内联样式，我想知道是否有人有同样的问题？
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
浏览 0提问于2012-03-09得票数 0
回答已采纳
我已经构建了一个安卓应用程序，它成功地使用了AndroidStudio中的指纹认证接口。我需要使用React Native for android来构建相同的东西。该怎么做呢？React中是否支持指纹认证API？我可以重用我的Java代码吗？
浏览 15提问于2016-06-30得票数 0
5回答
任何人都可以提供示例代码，以显示PDF的反应本机？iOS和安卓。
这就是我尝试过的：
render: function() {
return <WebView
source={require('./my.pdf')}
/>
}
^这将导致“无法解决模块”错误的死亡红色屏幕。
render: function() {
return <WebView
source={{uri: 'my.pdf'}}
/>
}
^这将在WebView中提供“错误加载页”消息。“在此
浏览 4提问于2016-03-09得票数 31
回答已采纳
正在尝试运行react-native 0.61.2应用程序的android版本...
应用程序打算使用react-native-geolocation-service，但无法通过此错误：
“错误：@react-native-community/地理位置: NativeModule.RNCGeolocation为空。”
我知道react-native-geolocation-service在iOS上使用@react-native-community/geolocation，但这是安卓系统。我已经在整个项目中搜索了字符串RNCGeolocation，但它不在那里。如何在安卓系统上运行re
浏览 0提问于2019-12-02得票数 1
我现在正在尝试React Native，我想知道是否可以使用传感器(加速计，陀螺仪等)。在安卓上，因为我知道这在iOS上是可能的。
这个repo似乎有涉及React Native的大部分资源，但我找不到一个专门涉及在Android上使用传感器的资源。
浏览 0提问于2015-11-03得票数 10
// Get a PrintManager instance
PrintManager printManager = (PrintManager) getSystemService(Context.PRINT_SERVICE);
// Get a print adapter instance
PrintDocumentAdapter printAdapter = webView.createPrintDocumentAdapter();
// Create a print job with name and adapter instance
String jobName = getStri
浏览 3提问于2020-10-11得票数 3
回答已采纳
2回答
有没有一种方法可以在安卓上实现oAuth flow，而不需要实际启动浏览器甚至webview？
我想要展示的是一个本地弹出窗口，它询问用户凭据，然后将其提供给oAuth提供程序。
浏览 0提问于2012-08-16得票数 6
回答已采纳
5回答
谁能提供一个在安卓，iOS(iPhone/iPad)和闪存(不是flex!)上实现WebSocket的例子。
我找到了一些库，但这些都不起作用:)。我的浏览器使用Socket.IO的WebSocket实现效果很好，现在我还想深入研究安卓，iPhone和闪存。
我试图实现一个Android webview，指向一个实现了套接字的网站，但它不起作用。如果能有一些本地库的话，我会很高兴的。
感谢您的帮助！
浏览 4提问于2011-06-15得票数 3
回答已采纳
计划开发一个用于打开我的安卓application.am网页pdf链接的安卓应用程序在webview.But中打开它的感觉不好，这就是为什么计划打开在任何adobereader应用程序安装或任何其他pdfviewer支持的应用程序已经安装在安卓设备中打开该应用程序或在网页浏览器中打开。
我的示例代码:1
public class MyPdfViewActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState)
浏览 0提问于2014-05-10得票数 0
所以在安卓系统中，我想对齐文本，所以我决定使用Webview.It，但我唯一的问题是我的应用程序的背景不是白色的。所以每当我看到文本时，它总是有一个白色的背景。所以我可以添加一个body标签来改变背景颜色吗？
String text = "<html><body style=\"text-align:justify\"> %s </body> </Html> ";
// I want to include a body tag above which will make the background th
浏览 0提问于2014-05-13得票数 0
1回答
我知道以前有人问过这个问题，但这些问题现在已经很陈旧了。我有一个“游戏”，我与WebGL开发了一段时间前，我想把它带到一个简单的WebView安卓。现在的问题是，它不会真正响应用户在WebView中的输入(Chrome运行得很好。Android 7.1.1)。我猜那是因为WebGL。
所以现在，当crosswalk项目在一段时间前结束时，我正在寻找在我的应用程序中运行WebGL的替代方案。或者只是在Android应用程序中运行我的“游戏”。
你知道我怎么才能把它带到工作中吗？
浏览 8提问于2017-09-18得票数 2
回答已采纳
2回答
我在安卓系统中添加了WebView。它运行良好。但我的网站包含PDF链接。当点击网页视图上的PDF链接时，它将通过默认的网页浏览器打开，而不是在WebView中打开。我想在WebView中也显示PDF格式。有没有办法限制它在同一个WebView中打开？
浏览 0提问于2018-09-03得票数 0
1回答
我开发了移动应用程序，其中有视频播放器在反应原生。
然后，我从react原生项目构建了Android和iOS应用程序。
但它在安卓上运行得很好，但在iOS上就不行了。
如果你曾经遇到过这个问题，请帮助我。
这是代码和包信息。
<WebView
allowsFullscreenVideo={true}
style={{ aspectRatio: 1.6, backgroundColor: "#000000", flex: 1 }}
source={{ uri: 'https://sample.mp4' }}
浏览 0提问于2020-02-29得票数 1
我是React JS的新手。我正在尝试建立一个网络应用程序，这也应该工作在移动(安卓和IOS)，所以考虑使用web application的react js，并创建了一些组件。那么在React native中使用React js组件是可能的吗？
浏览 3提问于2016-06-18得票数 9
在我的应用程序中，我想要显示.PDF或.DOCX (包含文本和图像)的内容，以便它看起来像一个正在查看的安卓应用程序，而不是查看它的pdf或docx Reader？
浏览 0提问于2015-08-10得票数 1
1回答
我正在开发一个React-Native应用程序，用户可以发送带有标题的图像，也可以创建评论。我真的很想为此支持表情符号。
目前，它只能在iOS上运行。系统键盘自动提供对表情符号的访问，并在文本视图上正确呈现。在安卓系统上，默认情况下，系统键盘不提供对表情符号的访问，iOS用户创建的表情符号也不会呈现(只有划掉的方框)。
我看到在上有一个用于安卓系统的表情符号复合库，但我不确定它在React-Native上的效果如何。看起来你必须使用非标准的文本和输入才能让它工作，这在on上会更复杂一些。我也在Android 7上测试过，它本机应该支持表情符号，所以这里可能还有其他问题？
如果我让表情符号渲染，
浏览 2提问于2018-01-23得票数 1
我正在寻找在我的混合应用程序中打开和读取Pdf、Doc、Ppt和xls文件的方法，该应用程序是使用Sencha Touch 2.4和Phonegap (Android & Ios)开发的。
我到目前为止所做的
通过搜索，我了解到Ios WebView支持Pdf、Doc、Ppt，但在Android WebView上不支持。所以我不能同时在安卓和Ios上使用WebView。
设备需要脱机工作，所以，我不能使用谷歌文档查看器。
尝试过文件打开程序，但始终获得“错误状态:9-错误消息:文件未找到”
我怎样才能做到这一点？
浏览 4提问于2015-03-09得票数 1
回答已采纳
2回答
首先，我计划在服务器端使用，在客户端使用一个带有WebView的安卓应用程序，其中我将使用jQuery。
但是，后来计划推出一个更“标准”的安卓应用程序(没有WebViews)，我想知道Atmosphere是否也可以使用。
谢谢!
浏览 1提问于2012-02-16得票数 3
回答已采纳
我在安卓的WebView中使用google显示PDF文件。如何删除或隐藏“登录”按钮？我附上了下面的截图。提前谢谢。
webview = (WebView) findViewById(R.id.webView1);
webview.getSettings().setJavaScriptEnabled(true);
webview.loadUrl("https://docs.google.com/viewer?url=http://www.ex.com/terms.pdf");
webview.setWebViewClient(new WebViewClient() {
@Ove
浏览 5提问于2014-11-17得票数 10
回答已采纳
我使用的是React Native的<WebView>组件。 当webview的超文本标记语言包含一个<input>时，documentation没有提到如何处理隐藏webview的键盘，这在安卓系统中变得越来越重要。 有没有人设法解决这个问题？我发现了一个库，它似乎可以用于常规的<View>，但不能用于<WebView>。
浏览 38提问于2016-06-08得票数 3
回答已采纳
我正在尝试与给我答案的开发人员合作，我不是很确定。我没有任何经验来判断答案。
react native webview的外观和swift/java webview的外观有很大不同吗？
另外，两者之间的性能也有区别吗？
我确实在github上找到了类似的帖子，但没有人回复。
浏览 0提问于2020-01-02得票数 0
这可能是一个天真的问题，但我找不到关于这个主题的太多信息。我有一个全功能的react-redux应用程序，现在我想把它移植到iOS和安卓上。我不需要使用任何原生功能，如GPS或相机等。理论上，我只想制作一种运行现有React应用程序的webview，然后调整它，直到它看起来更像样。我的第一个尝试是简单地使用当前的jsbundle文件，并将其作为jsCodeLocation放入AppDelegate中。这意外地导致了各种各样的错误，比如没有定义“窗口”。
我想我的问题是:人们通常如何管理他们的本机和非本机代码库？它们是完全分离的，还是有一种方法可以回收大部分代码？
浏览 1提问于2016-02-18得票数 86
我使用过react-native-webview来渲染超文本标记语言文本。但是文本在iOS中太小了，而在安卓中却很完美。
下面是几行代码：
import { WebView } from "react-native-webview";
render() {
<WebView
originWhitelist={['*']}
source={{ html: '<p>This is a static HTML source!</p>' }}
/>
}
附加截图：
浏览 4提问于2019-03-05得票数 22
回答已采纳
我正在使用react原生WebView打开一些复杂的表单步骤。我希望应用程序用户重定向安卓应用程序主页(反应本机组件)后，在WebView中完成最后一步()。
浏览 0提问于2016-12-27得票数 8
回答已采纳
如何为phonegap应用程序嵌入PDF查看器？我决定使用PhoneGap + Sencha Touch为iOS和安卓开发一个应用程序。
浏览 0提问于2011-08-08得票数 9
回答已采纳
2回答
我希望能够在Flex Mobile项目中阅读PDF(我正在使用Flash Builder4.6和安卓和iPad)。
我已经成功地尝试了stagewebview从web服务器加载一个pdf，如下所示：
webView = new StageWebView();
webView.loadURL("http://<url>/Paper.pdf");
webView.viewPort = new Rectangle(0, 100,this.stage.stageWidth, this.stage.stageHeight);
浏览 5提问于2013-01-31得票数 0
回答已采纳
1回答
我有一个安卓(Kotlin)和iOS (Swift 4)的应用程序，可以在我用Angular6制作的WebView中打开一个微型应用程序。
我的web应用程序中有一个按钮，可以让用户将日期同步到他们各自的日历中。
将数据从web应用程序传递到本机应用程序的最佳方式是什么？
浏览 1提问于2018-10-24得票数 0
安卓的webview支持pptx，word mime types.Well，ios UIWebView会这样做吗?我在网上搜索，找不到任何第三方的ppt，word，xls.Any word的库吗?谢谢！
浏览 4提问于2011-10-27得票数 0
1回答
简短的答案是：
我们可以将Android Studio widget WebView与所有Chrome浏览器功能一起使用吗？(我在stackoverflow上搜索了答案，但它们都很旧，我希望有什么地方发生了变化)
长长的答案是：
我有客户要求我为他们实现语音识别应用程序，他们的想法是制作一些功能包括语音到文本的网站。它们是在使用时创建的。这项服务在Android官方Google Chrome应用程序上运行得很好。在webView中加载会导致“安装Chrome v25+”错误。我已经做了一个安卓应用程序使用内置的语音识别，但客户的要求是使网站与移动版本，并使用它的安卓应用程序在WebView。
浏览 32提问于2018-06-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
