react-native webview嵌入式youtube视频在Android中没有全屏选项

Question

我正在尝试嵌入youtube视频在我的react-native应用程序，它工作良好，但我无法获得全屏按钮/功能的视频。下面是我的代码：

 <WebView
  source={{uri: "https://www.youtube.com/embed/VaC9CivyV7I?version=3&enablejsapi=1&rel=0&autoplay=1&showinfo=0&controls=1&modestbranding=0"}}
style={{height:240, width:width, justifyContent:'center', alignItems:'center', backgroundColor:'black'}}
 />

我甚至尝试使用iframe作为带有allowFullscren=“true”的html，但没有获得任何成功。

经过进一步的搜索，我找到了这份全屏支持的文档，并了解到我需要在webview.setwebchromeclient中实现onshowcustomview和onhidecustomview。我在应用程序的node_modules文件夹中挖掘了一点，找到了reactwebviewmanager.java位置*“

看来可能需要添加一些自定义代码webview.setwebchromeclient，但由于我不是很擅长本机编程，因此无法继续进行。

Answer 1

WebView组件接受AllowsFullScreenEnvideO属性。当此道具为真时，全屏图标将变为活动。

请参见https://github.com/react-native-community/react-native-webview/blob/master/docs/reference.md#allowsfullscreenvideo。