Странное поведение на 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"
}
});