在React Native和Expo中使用WebView中的本地文件中的CSS

我正在使用最新的Expo SDK。我使用了一個不分離的項目。我需要在從字符串加載一個html這樣的WebView從本地文件加載css：在React Native和Expo中使用WebView中的本地文件中的CSS

凡this.fullPost看起來像這樣

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

所以我應該在哪裏把style.css文件和我應該如何指定baseUrl？這應該如何與世博會？

謝謝。

來源

2017-08-17 Grigory

最簡單的方法是包裝你的CSS代碼到一個JavaScript文件：

style.js：

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

然後，只需import style from './style';你可以簡單的CONCAT到stylethis.fullPost。

來源

2017-08-17 20:28:34 Zsolt

在React Native和Expo中使用WebView中的本地文件中的CSS

回答

相關問題