2016-08-15 29 views
10

Web üzerinde çalıştığım yerel bir uygulama için View bileşeni içinde WebView Bileşenini kullanmaya çalışıyorum. WebView'i View içinde yerleştirdiğimde, WebView'de görüntülediğim içeriği göremiyorum. Bu yerel tepki ile beklenen davranış mı?Web Görünümü'nü bir Görünümün içinde kullanabilir miyim (yerel tepki)?

+5

Normalde WebView görünmelidir. Hem Görünüm hem de Web Görünümü için 1'e esnek ayarlamayı veya açık boyutlar ayarlamayı deneyin. – Nico

+0

örnek kodunuzu rnplay.org adresinde koyabilir misiniz? – stereodenis

+3

Çalışmalı. Tüm ebeveyn görünümlerinizi ve Web görünümünüzü esnek hale getirin: 1 – abeikverdi

cevap

15

Web görünümünüz için genişlik ve yükseklik belirtmelisiniz. aşağıdaki gibi yapın: Bir Görünüm bileşeni içine yuvalanmış zamanlarda

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

bu doğru bir yanıt olarak kabul edilmelidir –

+1

"Görünüm" alt öğesi de 'flex: 1' olmalıdır: https://snack.expo.io/r1II-3jc- –

0

bu

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> 
); 
} 
3

gibi bir şey kullanabilir, sen 1.

örneğin görünümü ve esnek web görüntülemesini hem ayarlamanız gerekir . -

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