ReactネイティブとエキスポでWebViewのローカルファイルからCSSを使用

私は最新のExpo SDKを使用しています。私は非分離プロジェクトを使用します。は、私はこのような文字列からhtmlをロードWebViewにローカルファイルからcssをロードする必要があります：this.fullPostこのReactネイティブとエキスポでWebViewのローカルファイルからCSSを使用

this.fullPost = ` 
    <html> 
    <head> 
     <link rel="stylesheet" href="css/style.css" /> 
    </head> 
    <body>some html that uses style.css</body> 
    </html>`;

だから私はstyle.cssファイルを置く必要があるとのように見える

baseUrlとして何を指定する必要がありますか？博覧会ではどうすればいいですか？

ありがとうございます。

style.js：

出典

2017-08-17 Grigory

最も簡単な方法は、javascriptのファイルにあなたのCSSコードをラップすることですそれからちょうどimport style from './style';

const css = ` 
<style> 
// copy your css file's content here 
</style> 
`; 
export default css;

とすることができます単に連結styleからthis.fullPost。

出典

2017-08-17 20:28:34 Zsolt

ReactネイティブとエキスポでWebViewのローカルファイルからCSSを使用

答えて

関連する問題