Utilisez CSS à partir du fichier local dans WebView avec React Native et Expo

J'utilise le dernier SDK Expo. J'utilise un projet non-détaché. J'ai besoin de charger un css de fichier local dans un WebView qui charge une html de chaîne comme ceci:Utilisez CSS à partir du fichier local dans WebView avec React Native et Expo

Où this.fullPost ressemble ce

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

Où dois-je mettre le fichier style.css et que dois-je spécifier comme baseUrl? Comment cela devrait-il se passer avec Expo?

Merci.

Source

2017-08-17 Grigory

La meilleure façon est d'envelopper votre code CSS dans un fichier javascript:

style.js:

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

Ensuite, il suffit import style from './style'; et vous pouvez simplement concat le style-this.fullPost.

Source

2017-08-17 20:28:34 Zsolt

Utilisez CSS à partir du fichier local dans WebView avec React Native et Expo

Répondre

Questions connexes