(iOS react-native)Vimeo视频在react-native-webview中全屏显示后的内容覆盖状态栏

时间:2019-10-18 10:19:53

标签: ios react-native webview react-navigation fullscreen

我正在使用react-native-webview来实现Vimeo视频。

通常,the header is right under the status bar

当我单击播放按钮时,WebView变为全屏,这是正常现象。 在全屏模式下播放视频时,我旋转设备两次(从纵向旋转到横向,然后再回到纵向),然后退出全屏模式。现在,标题不仅会覆盖当前屏幕,还会覆盖所有屏幕。

Fullscreen portraitFullscreen landscapeBack to portraitHeader overlays status bar

我正在使用Expo SKD 35.0.0在iPhone 6 Plus模拟器上运行此应用程序(所有iOS模拟器均会发生这种情况。)

该如何解决?如果您需要更多信息,请在下面评论。

我的react-native-webview代码:

<WebView
     userAgent={" "}
     style={styles.webView}
     startInLoadingState={true}
     renderLoading={() => {
           return (<ActivityIndicator/>)
           }}
     allowsFullscreenVideo={true}
     originWhitelist={['*']}
     source={{
            uri: this.state.videoLink,
            headers: {'Referer': 'https://agilearn.vn'},
}}/>

0 个答案:

没有答案