En el proyecto React Native, tengo un documento html en el directorio src. (Suponiendo que se llame "./src/green.html").

Y en MyScreen, tengo un WebView para mostrar esta página.

 import WebView from 'react-native-webview'; import { Text, View, StyleSheet, Image } from 'react-native'; export default MyScreen (props) { const source = require('./green.html'); const webviewSOurce = Image.resolveAssetSource(source); return ( <View style> <WebView source={webSource} originWhitelist={["*"]} style={{ width:'100%', minHeight:400 }}/> </View> ) }

Pero muestra el contenido del archivo html como texto sin formato, no html.

 <div id="main-div"> <h1>Hello World! I am alive!</h1> </div>

Visité https://github.com/react-native-webview/react-native-webview/blob/master/docs/Guide.md#loading-local-html-files , pero no puedo obtener una imagen clara y react-native-http-server causa algunos problemas en mi aplicación.

¿Cómo puedo tratarlo? ¿Hay alguna forma alternativa de mostrar la página html local en WebView sin reaccionar-native-static-server o react-native-http-server?