Question

我正在使用最新的Expo SDK。我使用的是非独立项目。我需要从css中的本地文件加载WebView，该文件从字符串加载html，如下所示：

<WebView source={{ baseUrl: './', html: this.fullPost }} />

this.fullPost看起来像这样

this.fullPost = `
  <html>
    <head>
      <link rel="stylesheet" href="css/style.css" />
    </head>
    <body>some html that uses style.css</body>
  </html>`;

那么我应该在哪里放置style.css文件以及我应该指定哪些baseUrl？这应该如何与世博会合作？

谢谢。

Answer 1

最简单的方法是将您的css代码包装到javascript文件中：

style.js：

const css = `
<style>
// copy your css file's content here
</style>
`;
export default css;

然后只需import style from './style';即可将style简称为this.fullPost。

使用React Native和Expo在WebView中使用本地文件中的CSS

1 个答案: