Могу ли я использовать WebView внутри представления (реагировать на родной язык)?

Я пытаюсь использовать компонент WebView Component внутри компонента View, для реагирования на собственное приложение, над которым я работаю. Когда я встраиваю WebView внутри представления, я не вижу контент, который я показываю в WebView. Является ли это ожидаемым поведением с реагированием на родной язык?

webview,react-native,

12

Ответов: 3


17

Вы должны указать ширину и высоту вашего веб-представления. Сделайте это следующим образом:

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

6

Когда он вложен внутри компонента «Вид», вам необходимо установить для вида view и webview flex значение 1.

например. -

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

1

Может использовать что-то вроде этого

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>
 );
}
WebView, реагируют родной,
Похожие вопросы