Private Component not works on android

I have added the “react-iframe” to my react native private component , and added iframe video to my app

import React, { Component } from 'react'
import { View, StyleSheet } from 'react-native'
import Iframe from 'react-iframe'

class OnelinePlayer extends Component {
	render() {
		const { text } = this.props

		return (
			<View style={styles.wrapper}>
				<Iframe 
                   frameborder="0" 
                   allowfullscreen="" 
                   scrolling="no" 
                   allow="autoplay;fullscreen" 
                   width="379"
                   height="213" 
                   src={text}
                ></Iframe>
			</View>
		)
	}
}

const styles = StyleSheet.create({
	wrapper: {
		display: 'flex',
		alignItems: 'center',
		justifyContent: 'center',
	}
})

export default OnelinePlayer

The iframe video is

The iframe component is only working on web, it’s not working on android & ios
what is the problem , can anyone help me .

The android screen is like white screen

Adalo has a webview component already that serves as an iFrame if you would like to try that one, but it’s also important to know that some sites block iFrame viewers from embedding their site, which could be what’s happening here. Have you tried other sites as well?

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.