Tôi có thể sử dụng WebView bên trong Chế độ xem (gốc tự nhiên) không?

Question

Tôi đang cố gắng sử dụng Thành phần WebView bên trong thành phần Xem, cho ứng dụng gốc phản ứng mà tôi đang làm việc. Khi tôi nhúng WebView bên trong Chế độ xem, tôi không thấy nội dung tôi đang hiển thị trong WebView. Đây có phải là hành vi mong đợi với phản ứng gốc không?

Answer 1

Bạn nên chỉ định chiều rộng và chiều cao cho chế độ xem web của mình. Làm điều đó như sau:

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

Answer 2

có thể sử dụng một cái gì đó như thế này

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

Khi nó lồng vào bên trong một Xem thành phần, bạn cần phải thiết lập cả hai xem và webview flex để 1.

ví dụ . -

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