从本地

时间：2018-10-20 13:11:26

标签： react-native

当我直接在其中输入html字符串或在线行时，它会完美地重新标记html。工作代码如下

    <WebView 
    originWhitelist={['*']}
    source={{
      html: `
<!DOCTYPE html>
<html>
<head>
  <title>Cool Effects with Marquees</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
<h1>This is Test</h1>
</body>
</html>` }}/>

但是，如果从本地路径加载.html文件，则会将其呈现为纯文本。

<WebView
 originWhitelist={['*']}
 source={require('./../../disc/html/1.html')}
 startInLoadingState={true}
 />

enter image description here

1 个答案:

答案 0 :(得分：0)

要加载本地文件（在Android中），您可以将html文件放入android/app/src/main/assets/..目录中。这样您就可以使用它了。

我已经完成：

  1. 我的chart.html位于android/app/src/main/assets/chart目录（[屏幕截图]）[1] [1]：https://i.stack.imgur.com/GcTfC.png
  2. 在WevbView中使用： <WebView source={{ uri: './chart.html' }} />

希望这对您有帮助！

相关问题
最新问题