React native 不变冲突:requirenActiveComponent:“;RCTYouTube“;在UIManager中找不到

React native 不变冲突:requirenActiveComponent:“;RCTYouTube“;在UIManager中找不到,react-native,youtube,youtube-api,React Native,Youtube,Youtube Api,详情如下:- 我使用命令行npx expo cli init youtube生成了我的react native expo项目 然后我提到了这个链接:- 我使用以下命令安装了react原生youtube依赖项:-npm I react原生youtube 我还从youtube获得了官方的API 在App.js文件中,下面是编写的代码 `import React from 'react' import {View,StyleSheet,Text,SafeAreaView} from 'react-na

详情如下:- 我使用命令行npx expo cli init youtube生成了我的react native expo项目 然后我提到了这个链接:-

我使用以下命令安装了react原生youtube依赖项:-
npm I react原生youtube
我还从youtube获得了官方的API

在App.js文件中,下面是编写的代码

`import React from 'react'
import {View,StyleSheet,Text,SafeAreaView} from 'react-native'
import YouTube from 'react-native-youtube';


 

const App=()=>{
    
  
  const linkTest="https://www.youtube.com/watch?v=aqz-KE-bpKQ"

    return (
      
      
      <SafeAreaView style={styles.container}>
  
      <YouTube
      apiKey="*******************"
      videoId={linkTest} // The YouTube video ID
      play // control playback of video with true/false
      fullscreen // control whether the video should play in fullscreen or inline
      loop // control whether the video should loop when ended
      onReady={e => this.setState({ isReady: true })}
      onChangeState={e => this.setState({ status: e.state })}
      onChangeQuality={e => this.setState({ quality: e.quality })}
      onError={e => this.setState({ error: e.error })}
      style={{ alignSelf: 'stretch', height: 300 }}
    />  
      
     
        </SafeAreaView>
        
        
         )
}


const styles= StyleSheet.create({
    container:{ backgroundColor:"white", flex:1},
    
    

})
export default App
`import React from'React'
从“react native”导入{视图、样式表、文本、安全区域视图}
从“react native YouTube”导入YouTube;
常量应用=()=>{
常量链接测试=”https://www.youtube.com/watch?v=aqz-KE bpKQ“
返回(
this.setState({isReady:true})
onChangeState={e=>this.setState({status:e.state})}
onChangeQuality={e=>this.setState({quality:e.quality})}
onError={e=>this.setState({error:e.error})}
样式={{alignSelf:'stretch',高度:300}
/>  
)
}
const styles=StyleSheet.create({
容器:{backgroundColor:“白色”,flex:1},
})
导出默认应用程序
在此之后,我在cmd中运行:-
npm start
扫描QRCode并在我的手机中打开我的EXPO应用程序中的应用程序 下面是我得到的错误截图

单击以显示较大的图像:

单击以显示较大的图像:

单击以显示较大的图像:

下图是在android平台或手机上运行的expo项目截图:

单击以显示较大的图像:


模块“react native youtube”不支持youtube链接。而不是那种用途

<WebView
      style={ styles.styleCode }
      javaScriptEnabled={true}
      domStorageEnabled={true}
      source={{uri: 'https://www.youtube.com/embed/dFKhWe2bBkM' }}
/>

从(共享>嵌入)中查找youtube uri。

这显示了一个手动配置,并给出了一个带有分步操作的URL。由于我真的不知道React,您应该检查链接的条目并重试,或者在UIManager中找不到google
RequiredActiveComponent:“RCTYouTube”
。祝你好运