2

在我的 react-native 应用程序中,我想将 css 注入到 react-native 加载的页面中WebView。(我正在显示的在线网站在我的应用程序中看起来应该与WebView正常情况略有不同)

到目前为止,我发现的最有前途的方法是注入 javascript(这可以通过WebView'sinjectedJavaScript属性轻松完成),它执行以下操作:

  1. 将位于我的应用程序的 src 文件夹中的 css 文件(我真的希望它在那里,因为我认为它是我的项目的一部分)读入一个字符串。
  2. 从中生成<style>...</style>标签
  3. 将其写入文档的<head>.

你认为这种方法行得通吗?到目前为止,我无法完成第 1 步。我尝试使用它react-native-fs来读取我的 css 文件,但无法弄清楚如何从我的应用程序的 src 文件夹中访问现有文件。我想我必须以某种方式导出它,所以它最终会出现在RNFS.MainBundlePathor RNFS.DocumentDirectoryPath

4

0 回答 0