Реагировать на родной Webview не загружает JavaScript SDK ? - PullRequest
Новая
       48

Реагировать на родной Webview не загружает JavaScript SDK ?

0 голосов
/ 10 января 2019

При попытке вставить пост в Facebook в WebView. Когда я запускаю html-файл на http-сервере, он работает нормально и встраивает видео, 

for example if I run on a localhost:8080.

Когда я запускаю тот же файл локально, javascript не загружается и просто показывает HTML-текст / или исчезает.

  • Так что я считаю, что это как-то связано с неправильным подключением WebView к серверу http для загрузки javascript sdk ?

Когда я запускаю команду «response-native run-ios», он создает и говорит «работает на локальном порте 8081», поэтому я знаю, что он должен работать на этом порту, , но почему не загружается Javascript SDK с моим сценарием из Интернета?

Я не уверен, действительно ли WebView подключает или загружает его. Мне нужно знать, как запустить WebView, чтобы он мог работать правильно. Вот код.

*** ссылка на вложение https://developers.facebook.com/docs/plugins/embedded-video-player

render() {
return (
  <View style={{flex:1}}>
  <WebView
      javaScriptEnabled={true}
      style={{ height: 500, width: 500, alignItems:'center', justifyContent: 'center', marginTop: 100}}
      source={{
        html: `
                <html>
                   <head>      

                   <div id="fb-root"></div>
                     <script>(function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s); js.id = id;
                        js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2&appId={appID}&autoLogAppEvents=1';
                        fjs.parentNode.insertBefore(js, fjs);
                      }(document, 'script', 'facebook-jssdk'));
                    </script>

                   </head>

                   <body>
                      <div class="fb-video" data-href="https://www.facebook.com/nba/videos/660329141065393/" data-width="500" data-show-text="false"><blockquote cite="https://www.facebook.com/nba/videos/660329141065393/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/nba/videos/660329141065393/">#NBABreakdown: Blake Griffin Assists &amp; Touches</a><p>Ahead of the Detroit Pistons facing the Los Angeles Lakers tonight (10:30pm/et, NBA on ESPN), we showcase Blake Griffin&#039;s playmaking abilities! #NBABreakdown ?</p>Posted by <a href="https://www.facebook.com/nba/">NBA</a> on Wednesday, January 9, 2019</blockquote></div> 
                </html>
        `,
      }}
    />
    </View>
);

}

...