android - 在 Expo 的 web 视图中加载文档 fom uri 时出现空白屏幕

Question

我正在使用世博会。 import { WebView } from "react-native-webview"; 并像上面那样导入 webview 我正在尝试从一些 https url 加载文档文件，它工作正常并在 IOS 中加载 xls 文件，但在 android 中它给出了一个空白屏幕。

 <WebView
  originWhitelist={["*"]}
  source={{ uri: 'https://download.microsoft.com/download/1/4/E/14EDED28-6C58-4055-A65C-23B4DA81C4DE/Financial%20Sample.xlsx' }}
  onLoadEnd={() =>  console.log('end' +Platform.OS)}
  javaScriptEnabled={true}
  domStorageEnabled={true}
  useWebKit={true}
  style={styles.WebViewStyle}
  startInLoadingState={true}
/>

const styles = {  
  WebViewStyle: {
    flex: 1,
    marginLeft: 6,
    height: "50%",
    width: "97%"
  }
}

onLoadEnd 的 console.log 不适用于 android，但适用于 IOS。

标签： androidreact-nativewebviewexporeact-native-webview

Answer 1

您可以尝试使用链接，因为 WebView 是在应用程序中显示网页的视图。

import * as Linking from 'expo-linking';

Linking.openURL('https://download.microsoft.com/download/1/4/E/14EDED28-6C58-4055-A65C-23B4DA81C4DE/Financial%20Sample.xlsx');