在我的 react-native 应用程序中,我想将 css 注入到 react-native 加载的页面中WebView
。(我正在显示的在线网站在我的应用程序中看起来应该与WebView
正常情况略有不同)
到目前为止,我发现的最有前途的方法是注入 javascript(这可以通过WebView
'sinjectedJavaScript
属性轻松完成),它执行以下操作:
- 将位于我的应用程序的 src 文件夹中的 css 文件(我真的希望它在那里,因为我认为它是我的项目的一部分)读入一个字符串。
- 从中生成
<style>...</style>
标签 - 将其写入文档的
<head>
.
你认为这种方法行得通吗?到目前为止,我无法完成第 1 步。我尝试使用它react-native-fs
来读取我的 css 文件,但无法弄清楚如何从我的应用程序的 src 文件夹中访问现有文件。我想我必须以某种方式导出它,所以它最终会出现在RNFS.MainBundlePath
or RNFS.DocumentDirectoryPath
?