2017-07-03 34 views
2

我想在我的世博項目中使用react-native-youtube component。但是,我無法讓它工作。到目前爲止,我所有的屏幕都是帶有紅色邊框的黑色屏幕。我試着按照online上的視頻說明進行操作,但是,expo沒有iOS或Android文件夾,這意味着我無法在XCode中打開它並擺弄它。如何使用博覽會播放YouTube視頻?正如你可能從我的問題中注意到的,我是新來的使用expo反應原生的。如何使用世博會播放Youtube視頻

+0

Github的問題:https://github.com/inProgress-team/react-native-youtube/issues/ 158 – reergymerej

回答

4

目前,YouTube並不支持世博會。您可以deatach該項目,並安裝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'}} 
/> 
+0

當用戶導航到其他屏幕時,視頻不會停止播放。 – yogeshhkumarr

+0

@yogeshhkumarr你必須刪除/殺死網頁瀏覽 –

3

目前在React Native應用程序中獲取YouTube視頻的方式是在項目中使用React Native的WebView組件。

下面是一個零食,展示WebView如何使用Instagram註冊流程作爲示例的示例:https://snack.expo.io/HJRKKTmAx

我很抱歉,如果這是不是你尋找什麼:(

要使用反應母語 - YouTube組件,您將不得不脫離你的世博項目ExpoKit:

ExpoKit是一個Objective-C和Java庫,允許您將Expo平臺和現有的Expo項目作爲更大的標準本地項目的一部分使用 - 您通常會使用Xcode,Android Studio或反應本機初始化創建項目。

更多的信息在這裏:https://docs.expo.io/versions/v18.0.0/guides/detach.html

我希望這兩個選項解決您的問題,讓我知道如果theres任何其他方式,我可以幫助。

+0

當用戶導航到其他屏幕時,視頻不會停止播放。 – yogeshhkumarr

相關問題