В React Native вы можете встроить iframe в представление, используя компонент WebView. Компонент WebView позволяет отображать веб-контент, включая iframe, в вашем приложении React Native. Вот пример того, как этого можно добиться:
-
Установите необходимые зависимости, выполнив следующую команду в каталоге вашего проекта:
npm install react-native-webview
-
Импортируйте компонент WebView в файл React Native:
import { WebView } from 'react-native-webview';
-
Отображение компонента WebView с желаемым исходным URL-адресом, содержащим iframe:
import React from 'react'; import { View } from 'react-native'; const MyComponent = () => { return ( <View style={{ flex: 1 }}> <WebView source={{ uri: 'https://example.com' }} /> </View> ); }; export default MyComponent;
Выполнив эти шаги, вы сможете встроить iframe в представление React Native с помощью компонента WebView.