Question

我正在尝试在我的世博项目中使用react-native-youtube component。但是，我无法让它发挥作用。到目前为止我所有的都是带有红色边框的黑色屏幕。我尝试按照online上的视频说明操作，但是，expo没有iOS或Android文件夹，这意味着我无法在XCode中打开它并摆弄它。如何使用世博会播放YouTube视频？正如你可能从我的问题中注意到的那样，我使用expo做出反应原生的新手。

Answer 1

目前，YouTube不支持世博会。您可以重新启动项目并安装react-native-youtube库，也可以从WebView加载视频，如下所示：

<WebView
    style={{flex:1}}
    javaScriptEnabled={true}
    source={{uri: 'https://www.youtube.com/embed/ZZ5LpwO-An4?rel=0&autoplay=0&showinfo=0&controls=0'}}
/>

Answer 2

对于仍在寻找它的任何人，请尝试此包装并获得博览会支持

https://github.com/LonelyCpp/react-native-youtube-iframe

用于本地响应的Youtube IFrame播放器API构建的包装。使用已知比本地youtube应用程序更稳定的webview播放器。

由于新的expo SDK支持现代社区维护的Webview，因此它应该可以跨平台无缝运行

Answer 3

目前在React Native应用程序中获取YouTube视频的方法是在项目中使用React Native的WebView组件。

这是一个小吃，它以WebView如何使用Instagram注册流程作为示例来展示https://snack.expo.io/HJRKKTmAx。https://docs.expo.io/versions/v18.0.0/guides/detach.html。

如果那不是您正在寻找的内容，我很抱歉：（

要使用react-native-youtube组件，您必须分离您的Expo项目ExpoKit：

ExpoKit是一个Objective-C和Java库，允许您将Expo平台和现有的Expo项目用作更大的标准本机项目的一部分 - 您通常使用Xcode，Android Studio或反应原生项目创建初始化。

此处提供更多信息：http://jsfiddle.net/U55rc/

我希望这两个选项可以解决您的问题，让我知道是否有任何其他方式可以提供帮助。

如何使用Expo

3 个答案: