Странное поведение на iOS (видео компонент Экспо)

У меня есть очень простое тестовое приложение реагирования (использующее Expo), работающее на iPad (см. Код ниже).

Дело в том, что всякий раз, когда я пытаюсь воспроизвести видео после его приостановки, приложение на некоторое время зависает, а затем воспроизводит его очень быстро, как будто пытается компенсировать это.

Я попробовал тот же код на устройстве Android, и он работает, как ожидалось.

Кто-нибудь еще испытывал это? Есть ли что-то, что я должен делать по-другому?

Вот приложение:

import React from "react";
import { StyleSheet, Text, View, TouchableWithoutFeedback } from "react-native";
import { Video } from "expo";

export default class App extends React.Component {
  state = { isPlaying: true };

  toggleVideo = () => {
    const { isPlaying } = this.state;

    if (isPlaying) {
      this.video.pauseAsync();
    } else {
      this.video.playAsync();
    }

    this.setState({ isPlaying: !isPlaying });
  };

  render() {
    return (
      <View style={styles.container}>
        <TouchableWithoutFeedback onPress={this.toggleVideo}>
          <Video
            source={{
              uri: "http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4"
            }}
            rate={1.0}
            volume={1.0}
            isMuted={false}
            resizeMode="contain"
            shouldPlay
            isLooping
            style={{ width: "100%", height: "100%" }}
            ref={video => (this.video = video)}
          />
        </TouchableWithoutFeedback>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center"
  }
});

0 ответов

Другие вопросы по тегам