Reactive-native Webview erscheint nicht

Aus irgendeinem Grund wird mein reactive-native Webview überhaupt nicht angezeigt. Nichts erscheint nach meinem Textfeld. Hier ist mein CodeReactive-native Webview erscheint nicht

import React, { Component } from 'react'; 


import { 
View, 
Text, 
WebView, 

} from 'react-native'; 


export default class Home extends Component { 

    render() { 
     return (
     <View style={{flexDirection:'column'}}> 
      <Text>Show webview</Text> 
      <WebView source={{html:"<html><body style='color:red'>Hello<br/>This is a test</body></html>"}} style={{width:200,height:200,backgroundColor:'blue',marginTop:20}} /> 
     </View> 
     ); 
    } 
}

Was mache ich falsch?

Quelle

2017-10-29 John

Fügen Sie flex: 1 zu Ihrer <View /> Komponente hinzu.

<View style={{flex: 1, flexDirection:'column'}}> 
    <Text>Show webview</Text> 
    <WebView source={{html:"<html><body style='color:red'>Hello<br/>This is a test</body></html>"}} style={{width:200,height:200,backgroundColor:'blue',marginTop:20}} /> 
</View>

Here's a demo

Quelle

2017-10-29 22:58:27 Dan

Ich bin noch neu zu biegen, können Sie mir sagen, warum es sehen können angewendet werden muss? Ich dachte, wenn überhaupt, sollte es auf den Text und WebView angewendet werden. – John

Reactive-native Webview erscheint nicht

Antwort

Verwandte Themen