- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
React-Native Webview 无法在 iOS 中正常加载 android 中的 ppt、Xls 或 doc 文件。
在Android中,它会下载文件,不会在webview中显示内容。
<WebView
javaScriptEnabled={true}
originWhitelist={['*']}
scalesPageToFit={false}
source={{
uri: `https://www.cmu.edu/blackboard/files/evaluate/tests-example.xls`
//doc
// uri:`https://calibre-ebook.com/downloads/demos/demo.docx
}} />
请对以上内容有任何想法!
最佳答案
假设您使用的是 react-native-webview
,不幸的是,这是 android 上的默认行为,您无法更改此行为,因为即使是 chromium 浏览器也会下载该文件显示它。您可以在github上查看此相关问题
一种解决方案是使用 google docs viewer
创建一个组件来处理此问题,它允许您在将文件链接传递给它的同时预览文档。
所以 .. 首先创建一个名为 FileViewer
的组件来检查平台并使用 google docs viewer
:
import {WebView} from 'react-native-webview';
import {Modal, View, Text, StyleSheet, Platform} from 'react-native';
export default function FileViewer(props) {
let webViewUrl;
let _webView;
let url = props.url;
/**Get the extention of file */
let ext;
if (url) {
const URL = url.split('?');
ext = URL[0].split('.').reverse()[0];
}
/**Check for the extention of file and platform */
if (
ext === 'pdf' ||
ext === 'doc' ||
ext === 'docx' ||
ext === 'xls' ||
ext === 'ppt'
) {
if (Platform.OS === 'android') {
url = encodeURIComponent(url);
webViewUrl = `https://docs.google.com/viewerng/viewer?url=${url}`;
}
} else {
webViewUrl = props.url;
}
if (url) {
_webView = <WebView source={{uri: webViewUrl}} />;
} else {
_webView = <Text>No url found!</Text>;
}
return (
<View style={styles.webView}>
<Modal
animationType={'slide'}
transparent={false}
visible={props.isVisible}>
{props.showTransparentView ? (
<View transparent style={styles.transparentView} />
) : null}
{_webView}
<View style={styles.button}>{props.children}</View>
</Modal>
</View>
);
}
const styles = StyleSheet.create({
webView: {
flex: 1,
},
button: {
backgroundColor: '#fff',
position: 'absolute',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
right: 10,
bottom: 10,
borderRadius: 100,
width: 70,
height: 70,
},
transparentView: {
zIndex: 1,
height: 60,
position: 'absolute',
flex: 1,
width: 100,
right: 0,
},
});```
接下来将其导入到您的 App.js
或任何您需要的地方:
import React from 'react';
import FileViewer from './components/FileViewer';
const App = () => {
const url = 'https://calibre-ebook.com/downloads/demos/demo.docx';
return (
// <WebView source={{uri: 'https://infinite.red'}} style={{marginTop: 20}} />
<FileViewer url={url}></FileViewer>
);
};
export default App;
现在您应该可以预览文件而不是直接下载了。
注意我在 linux 上,这在 android 上运行良好..所以你可能需要检查 ios 以确保一切正常。
关于android - React-Native Webview 无法在 iOS 中正常加载 android 中的 ppt、xls、doc 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72571821/
我正在使用 Python 2.76 向 .aspx 网页提交查询并通过 BeautifulSoup 获取结果,并希望将它们存储到 Excel 电子表格中。 import mechanize impor
我正在学习使用 Hadoop 执行大数据相关操作。 我需要对拆分为 8 个 xls 文件的数据集集合执行一些查询。每个 xls 文件都有多个工作表,查询只涉及其中一个工作表。 数据集可以在这里下载:h
我有一个 excel 文件,但文件大小太大,您有什么建议可以让我们以相同的格式减小文件大小吗? 最佳答案 有一些常见技巧可以减小 Excel 文档的大小,同时保持 Excel 格式。这取决于文件的具体
我有多个目录,每个目录包含任意数量的 .xls 文件。我想获取任何给定目录中的文件并将它们合并到一个 .xls 文件中,使用文件名作为选项卡名称。例如,如果有文件 NAME.xls、AGE.xls、L
使用下面的 Python 测试代码,我试图将 Excel (*.xls) 文件中唯一的工作表复制到一个包含一个工作表的新 Excel 文件中。 输入电子表格如下所示: from copy import
我有一个 xls 文件,其中包含 15 张数据,我想将所有数据复制到另一个 xls 文件中。我有很多这样的文件,所以我想使用宏 vba 编码对其进行自定义。我想在第一张纸上设计按钮,它会运行宏代码并将
我正在尝试从 xls 中读取数据,该数据运行良好 java.io.File f1=new java.io.File("E:/SELENIUM DATA/First_P1/DATA_SHEET.x
我有一个文件 .XLS 扩展名,但保存为 XMl 电子表格 2003 ,想要读取该文件并使用 java 代码将其转换为 .XLS 扩展名,我的代码如下 - 公共(public)类 ExcelImpor
我已经创建了 Servlet,它下载 POI XLS 文件,在第一个 get/post 请求时,新文件是使用sheet0下载的。当我执行第二个请求时,正在下载两张新文件,sheet0 是上一个请求,s
我有大量格式为:YYYYDDMM_rest_of_filename.xls 的 excel 文件 我如何使用 ruby 在 YYYYMMDD_rest_of_filename.xls 的可能数量较
我将 xlsx 文件保存在 firefox 中,浏览器将其识别为 97-2003 工作簿 (.xls) 当我打开 xls 文件时,它会生成弹出窗口 我也在不同的机器上尝试过这个,它在 firefox
伙计们。我在 DB 有日期作为字符串“d/m/Y”。 当我将此日期输入 Excel 时,它会显示正常日期,例如 2000 年 3 月 10 日,但是当我单击单元格时,它会显示值 '03/10/2000
我正在研究 INFORMIX 4GL 程序。该程序生成输出文本文件。这是输出的示例: Lot No|Purchaser name|Billing|Payment|Deposit|Balance|
代码如下: <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <%
我的应用程序正在从 MYSQL 动态获取数据并显示。问题是我什至必须选择“导出到 Xls”文件。这些文件应该是 A4 大小,所以我应该自定义 Xls 文件中内容的字体大小以适应 A4 大小。如果可能的
我必须运行一些 SQL 查询并将结果放入电子表格中。由于我处于 Spring/Java 环境中,因此我打算使用 JDBC 运行查询、迭代 ResultSet,并使用 Jakarta POI 创建一个简
我有一个包含多张工作表的 Excel 电子表格。格式如下: Date A B C D E F
我正在使用 jquery 数据表插件来显示数据。我添加了文件另存为 excel、csv 和 pdf 的选项。 虽然它允许我将表格内容保存为文件。但在 excel 和 csv 情况下,它都会将文件保存为
我正在尝试弄清楚如何读取 XLS 文档的内容并且我能够很好地获取字节,但我不知道从这里到哪里去。尝试 [[NSString alloc] initWithBytes:data.bytes length
在我的应用程序中,我需要以预定义格式导出到 xls 文件。 所以我刚刚集成了 php_excel2007。我正在使用一个具有预定义格式的模板。 问题 这里的单元格数据可能会动态变化。如果数据远大于单元
我是一名优秀的程序员,十分优秀!