web-dev-qa-db-fra.com

Puis-je utiliser WebView dans une vue (réagir natif)?

J'essaie d'utiliser le composant WebView dans le composant View, pour une application native sur laquelle je travaille. Lorsque j'intègre WebView dans View, je ne vois pas le contenu que je suis en train d'afficher dans WebView. Est-ce le comportement attendu avec react native?

webviewreact-native
14
user4122421

Vous devez spécifier une largeur et une hauteur pour votre vue Web . Faites-le comme suit:

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

Lorsqu'il est imbriqué dans un composant View, vous devez définir à la fois View et Webview flex sur 1.

par exemple. -

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

Peut utiliser quelque chose comme ça

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>
 );
}
1
Moniv

Essayez ceci pour ouvrir un fichier pdf . Li'l, mais je suis sûr que cela aiderait quelqu'un :) 

{
    Platform.OS === "Android" ? 
        <WebView  
            source={{uri:'http://docs.google.com/gview?embedded=true&url=https://your PDF Link'}}
            style={{flex: 1}}
        />
        :
        <WebView
            source={{uri:'https:your PDF Link'}}
            style={{flex: 1}}
        />
}
0
Rishav Kumar