क्या मैं एक दृश्य के अंदर WebView का उपयोग कर सकता हूं (मूल प्रतिक्रिया)?

Question

मैं प्रतिक्रिया घटक के अंदर वेबव्यू घटक का उपयोग करने की कोशिश कर रहा हूं, एक प्रतिक्रिया मूल आवेदन के लिए जिस पर मैं काम कर रहा हूं। जब मैं व्यू के अंदर WebView एम्बेड करता हूं, तो मैं उस सामग्री को नहीं देख रहा हूं जिसे मैं वेबव्यू में प्रदर्शित कर रहा हूं। क्या प्रतिक्रियात्मक देशी के साथ यह अपेक्षित व्यवहार है?

Answer 1

आपको अपने वेबदृश्य के लिए चौड़ाई और ऊंचाई निर्दिष्ट करनी चाहिए। पालन करें:

render() { 
return (
    <WebView 
    source={{uri: 'https://github.com/facebook/react-native'}} 
    style={{flex: 1}} // OR style={{height: 100, width: 100}} 
    /> 
);} 

Answer 2

इस

render() { 
let {url} = this.props.webDetail; 

return (
    <View style={styles.container}> 
    {this.renderSpinner()} 
    <WebView onLoad={this.onWebLoad.bind(this)} 
     source={{ uri: url }} 
     scalesPageToFit={true} 
     /> 
    </View> 
); 
} 

Answer 3

की तरह कुछ का उपयोग कर सकते जब यह एक दृश्य घटक के अंदर नेस्टेड है, तो आप दोनों को देखने और वेबव्यू फ्लेक्स 1.

जैसे करने के लिए निर्धारित करने की आवश्यकता । -

<View style={{flex:1}}> 
    <WebView 
     source={{ uri: url }} 
     style={{flex:1}} 
     /> 
</View>