اذهب إلى المحتوى
  • 0

WebView لا يعمل في React Native

عمر سالم2

السؤال

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

const html = `<h1>التطبيق جاهز الآن</h1>`;

function SplashScreen() {
  return <Text>جاري التحميل</Text>;
}

function App() {
  const [ready, setReady] = React.useState(false);

  React.useEffect(() => {
    setTimeout(() => {
      setReady(true);
    }, 4000);
  });

  return (
    <View>
      {
        ready ? <WebView originWhitelist={['*']} source={{ html }} /> : <SplashScreen />
      }
    </View>
  );
}

export default App;

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

يمكنك حل هذه المشكلة عن طريق عمل render للـ WebView بداخل Fragment بدلاً من View. يمكنك أيضاً إستعمال StyleSheet لتحديد خاصية العرض (width) وسوف يعمل الـ WebView بعدها.

function App() {
  const [ready, setReady] = React.useState(false);

  React.useEffect(() => {
    setTimeout(() => {
      setReady(true);
    }, 4000);
  });

  return (
    <>
      {
        ready ? <WebView originWhitelist={['*']} source={{ html }} /> : <SplashScreen />
      }
    </>
  );
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...