反応ネイティブ アプリで、 react-native によって読み込まれたページに css を挿入したいと考えていますWebView
。(オンライン Web サイトを表示していますが、アプリ内WebView
では通常とは少し異なるように見えるはずです)
これまでに見つけた最も有望なアプローチは、次のことを行う javascript を挿入することです (これはWebView
のinjectedJavaScript
プロパティで簡単に実行できます)。
- アプリの src フォルダーにある css ファイルを読み取ります (プロジェクトの一部であると考えているため、そこに置きたいと思います)。
<style>...</style>
そこからタグを生成- ドキュメントの に書き込みます
<head>
。
そのアプローチはうまくいくと思いますか?これまでのところ、ステップ 1 を達成できませんでした。css ファイルを読み取ろうとしましreact-native-fs
たが、アプリの src フォルダーから既存のファイルにアクセスする方法がわかりませんでした。どういうわけかそれをエクスポートする必要があると思いますので、最終的にRNFS.MainBundlePath
またはRNFS.DocumentDirectoryPath
?