Próbuję użyć komponentu WebView w widoku komponentu, dla natywnej aplikacji, nad którą pracuję. Kiedy umieszczam WebView w widoku, nie widzę zawartości wyświetlanej w WebView. Czy jest to oczekiwane zachowanie z reakcją natywną?Czy mogę używać WebView w widoku (reagować natywnie)?
Powinieneś określić szerokość i wysokość swojej przeglądarki internetowej. zrobić to następująco:
render() {
return (
<WebView
source={{uri: 'https://github.com/facebook/react-native'}}
style={{flex: 1}} // OR style={{height: 100, width: 100}}
/>
);}
powinno to zostać zaakceptowane jako poprawna odpowiedź. –
Rodzic 'Widok' powinien być również z' flex: 1': https://snack.expo.io/r1II-3jc- –
można użyć coś jak ten
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>
);
}
Kiedy jest zagnieżdżona wewnątrz widoku komponentu, trzeba ustawić zarówno widok i webview Flex 1.
np . -
<View style={{flex:1}}>
<WebView
source={{ uri: url }}
style={{flex:1}}
/>
</View>
Zwykle powinien się pojawić WebView. Spróbuj ustawić flex na 1 dla widoku i WebView lub ustawiając wyraźne rozmiary. – Nico
możesz umieścić swój przykładowy kod na stronie rnplay.org? – stereodenis
Powinno działać. Ustaw wszystkie widoki rodzica i swój widok WWW na flex: 1 – abeikverdi