Как использовать Ифраме в реакции нативного? - PullRequest
Новая
       39

Как использовать Ифраме в реакции нативного?

0 голосов
/ 20 октября 2018

Я пытаюсь найти способ добавить Iframe в мое собственное приложение.Я нашел реагировать-iframe , но у меня это не сработало.Я последовал за документом.Я просто импортирую реагировать на iframe и копирую тег Iframe для использования.Мой результат похож на изображение ниже.enter image description here

Мне нужен другой способ использования Iframe в приложении для работы с родными.Спасибо.

Ответы [ 2 ]

0 голосов
/ 22 октября 2018

Я отвечаю на мой вопрос.

Я использовал веб-просмотр для отображения Iframe. 

<WebView
   source={{html: '<iframe width="100%" height="50%" src="https://www.youtube.com/embed/cqyziA30whE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>'}}
   style={{marginTop: 20}}
/>
0 голосов
/ 21 октября 2018

Попробуйте использовать WebView: 

import { WebView } from 'react-native';

....

<WebView
          scalesPageToFit={true}
          bounces={false}
          javaScriptEnabled
          style={{ height: 500, width: 300 }}
          source={{
            html: `
                  <!DOCTYPE html>
                  <html>
                    <head></head> // <--add header styles if needed
                    <body>
                      <div id="baseDiv">${iframeString}</div> //<--- add your iframe here
                    </body>
                  </html>
            `,
          }}
          automaticallyAdjustContentInsets={false}
        />

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

https://facebook.github.io/react-native/docs/webview

...