Question

我见过很多解决方案，用于从捆绑包中加载JS / CSS，其中React Native应用程序的目标是 iOS ，如this，但不适用于 Android

我的网页视图代码如下：

<WebView
  source={{html: html, baseUrl: `file:///android_asset/web`}}
/>

html变量是这样的：

const html = `
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css" />
  </head>
  <body>
    <p class="someText">Foo</p>
  </body>
</html>`

我的项目目录如下所示：

app
  -> assets
  -> web
    -> styles.css

如果有人为此提供解决方案，那就太棒了。

Answer 1

将styles.css放在以下路径中：

/机器人/应用程序/ SRC /主/资产

然后，将<WebView>的baseURL设置为以下内容：

<WebView source={{html: html, baseUrl: 'file:///android_asset/'}} />

P.S：每次更改样式时都必须执行react-native run-android。

使用React Native for Android从bundle包加载JS / CSS

1 个答案: