Веб-представление в React Native не отображается

Question

У меня есть компонент веб-просмотра, который не отображается. Веб-обзор от реакции-родной-веб-просмотра. Вот мой компонент веб-просмотра:

<View style={{ flex: 1 }}>
<Text>hello</Text>
          <WebView 
              source={{
                  uri: 'https://www.google.com'
              }}
              style={{ flex: 1 }}
          />
<Text>hello</Text>
      </View>

Оба hellos отображаются, но webview - нет. Также место, где визуализируется компонент webview, есть и другие компоненты, но с отображением: нет. Любая помощь приветствуется!

Answer 1

Я попробовал ваш код, он отлично работает:

проверьте это:

import React from 'react'
import { View, Text} from 'react-native'
import {WebView} from 'react-native-webview';
class App extends React.Component {
render(){
    return (
        <View style={{ flex: 1 }}>
        <Text>hello</Text>
                  <WebView 
                      source={{
                          uri: 'https://www.google.com'
                      }}
                      style={{ flex: 1 }}
                  />
        <Text>hello</Text>
              </View>
            );
}

};

export default App;

Надеюсь, это поможет!