2

反応ネイティブ アプリで、 react-native によって読み込まれたページに css を挿入したいと考えていますWebView。(オンライン Web サイトを表示していますが、アプリ内WebViewでは通常とは少し異なるように見えるはずです)

これまでに見つけた最も有望なアプローチは、次のことを行う javascript を挿入することです (これはWebViewinjectedJavaScriptプロパティで簡単に実行できます)。

  1. アプリの src フォルダーにある css ファイルを読み取ります (プロジェクトの一部であると考えているため、そこに置きたいと思います)。
  2. <style>...</style>そこからタグを生成
  3. ドキュメントの に書き込みます<head>

そのアプローチはうまくいくと思いますか?これまでのところ、ステップ 1 を達成できませんでした。css ファイルを読み取ろうとしましreact-native-fsたが、アプリの src フォルダーから既存のファイルにアクセスする方法がわかりませんでした。どういうわけかそれをエクスポートする必要があると思いますので、最終的にRNFS.MainBundlePathまたはRNFS.DocumentDirectoryPath?

4

0 に答える 0