React Native Video Android Ориентация

Question

У меня проблема при воспроизведении видео в Android альбомном режиме. Он отлично работает на iOS.

. Я загружаю и воспроизводлю видео, используя «act-native-video ». Отключите элементы управления и полноэкранный режим. Я добавил свою кнопку для переключения в полноэкранный режим. Ниже моя полноэкранная функция кнопок. По сути, он будет блокировать экран в альбомной ориентации с помощью «реакции-родной-ориентации-шкафчик» и настроить стиль видео. На Android он вращается, но видео не отображается на полную высоту экрана. Кажется, ширина и высота не изменились, а просто повернуть от портрета. В нижней и левой части видео есть черная область. Самое смешное, когда я пытался установить «controls = {true}» для видео. Я обнаружил, что видеоплеер / элементы управления отображаются на всю ширину экрана в альбомной ориентации, но видео все еще находится в углу экрана! И это происходит только на Android. Он отлично работает в iOS.

Окружающая среда: - React Native 0.61.5 - response-native-video 5.0.2 - реакции-родной-ориентация-шкафчик 1.1.8 - Реагировать на родной CLI (не Expo) - Проверено на Android Симуляторе (9.0 P ie API 28) и Действительном Android Устройстве в Android 10.0

      onPressFullScreen(){
        if (this.state.isFullScreen == false){
          Orientation.lockToLandscape();
          this.setState({
            isFullScreen: true, 
            fullModeText: 'Exit Full Screen',
            cssContainerBgColor: 'black',
            cssVideoControlTop: 0,
            cssVideoMarginTop: 0,
            reizeMode: 'cover',
            cssVideoWidth: null,
            cssVideoHeight: '100%',
            cssVideoMarginLeft: 'auto',
            cssVideoMarginRight: 'auto',
          });
        } else {
          Orientation.unlockAllOrientations();
          this.setState({
            isFullScreen: false, 
            fullModeText: 'Full Screen',
            cssContainerBgColor: 'red',
            cssVideoControlTop: 50,
            cssVideoMarginTop: 50,
            reizeMode: 'cover',
            cssVideoWidth: '100%',
            cssVideoHeight: null,
            cssVideoMarginLeft: '0%',
            cssVideoMarginRight: '0%',
          });
        }
      }