Блог

Главная - Вопросы по программированию - Библиотека React Native Webview не работает в моем приложении

Библиотека React Native Webview не работает в моем приложении

#react-native #webview

#react-native #webview

Вопрос:

Я просто пытаюсь создать приложение ReactNative, которое будет отображать простую веб-страницу. Но все, что я вижу, это пустой экран в моем браузере (Google), и на моем Expo Go указано время ожидания сетевого ответа. Может кто-нибудь мне помочь, пожалуйста?

Я привел свой код ниже:

 
import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View,  } from 'react-native';
import {WebView} from 'react-native-webview';

export default function App() {

  const GOOGLE = "https://www.google.com/"

  return (
    <View style={styles.container}>
      <View>
      <WebView
        source = {{uri : GOOGLE}}
      />
      </View>
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Пустое изображение на экране…

Я сделал npm install react-native-webview

Ответ №1:

вы не можете npm установить react-native-webview, потому что у него есть собственные зависимости.

Вам необходимо установить ее через expo, перейдя

выставочная установка react-native-webview

вы можете прочитать это для получения дополнительной информации

https://docs.expo.dev/versions/latest/sdk/webview/

Комментарии:

1. Привет, я очень благодарен за ваш ответ! Я отправлял вопросы по stackoverflow.com но вы первый человек, который откликнулся. Большое вам спасибо.

2. нет проблем! если это поможет, пожалуйста, примите ответ 🙂

3. Привет, результат такой же, как и раньше. Не могли бы вы мне помочь? Я использовал expo install react-native-webview

4. попробуйте удалить свою версию webview, а затем перейдите по URL-адресу, на который я ссылался, документация там лучше, чем все, что я могу дать

Метки: