Почему не работает WebView?

Question

[progerstas]

Я использую код ниже для того, чтобы встроить сайт в приложение:

import React from 'react'
import {View, Text, StyleSheet} from 'react-native'
import {WebView} from 'react-native-webview'

export const Browser = props => {
    return (
        <View>
            <WebView source={{uri: 'http://facebook.com/'}} style={{flex:1}} javaScriptEnabled={true} />
        </View>
    )
}

НО ничего не происходит.

Answer 1

[Роман Александрович]

import React from 'react'
import {View, Text, StyleSheet} from 'react-native'
import {WebView} from 'react-native-webview'

export const Browser = props => {
    return (
        <View style={{flex:1, width:"100%",height:"100%"}}>
            <WebView source={{uri: 'http://facebook.com/'}} style={{flex:1}} javaScriptEnabled={true} />
        </View>
    )
}

Comments

[progerstas]

Все так же, ничего не изменилось

[Роман Александрович]

progerstas, обновил ответ

[Роман Александрович]

progerstas, https://github.com/react-native-webview/react-nati...
установите библиотеку с webview отсюда. там же инфа и примеры

[progerstas]

Роман Александрович, странно, ничего не помогает, но я заметил, что появляется красная точка вместо сайта

[Роман Александрович]

попробуйте https://ya.ru/

[Роман Александрович]

progerstas,

class MyWebComponent extends Component {
  render() {
    return <WebView source={{ uri: 'https://reactnative.dev/' }} />;
  }
}

[progerstas]

Роман Александрович, пример тоже не работает

[Роман Александрович]

progerstas, вы точно библиотеку установили
?

[progerstas]

Роман Александрович, да, уже попробовал переустановить

[Роман Александрович]

progerstas, https://github.com/react-native-webview/react-nati...
тут есть пример. стяните репозиторий и запустите пример