diff --git a/Video.js b/Video.js index 890d4ba2..d9e91cd0 100644 --- a/Video.js +++ b/Video.js @@ -1,6 +1,6 @@ import React, {Component} from 'react'; import PropTypes from 'prop-types'; -import {StyleSheet, requireNativeComponent, NativeModules, View, ViewPropTypes, Image, Platform, findNodeHandle,Animated} from 'react-native'; +import {StyleSheet, requireNativeComponent, NativeModules, View, ViewPropTypes, Image, Platform, findNodeHandle} from 'react-native'; import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource'; import TextTrackType from './TextTrackType'; import FilterType from './FilterType'; @@ -20,8 +20,7 @@ export default class Video extends Component { super(props); this.state = { - showPoster: !!props.poster, - posterFadeAnim: new Animated.Value(1), + showPoster: !!props.poster }; } @@ -88,15 +87,7 @@ export default class Video extends Component { }; _hidePoster = () => { - Animated.timing( - this.state.posterFadeAnim, - { - toValue: 0, - delay: 200, // Not ideal but need to wait for the first frame to be rendered - duration: 100, - useNativeDriver: true - } - ).start(() => this.setState({showPoster: false})); + this.setState({showPoster: false}); } _onLoadStart = (event) => { @@ -106,9 +97,6 @@ export default class Video extends Component { }; _onLoad = (event) => { - if (this.state.showPoster) { - this._hidePoster(); - } if (this.props.onLoad) { this.props.onLoad(event.nativeEvent); } @@ -175,6 +163,9 @@ export default class Video extends Component { }; _onReadyForDisplay = (event) => { + if (this.state.showPoster) { + this._hidePoster(); + } if (this.props.onReadyForDisplay) { this.props.onReadyForDisplay(event.nativeEvent); } @@ -323,7 +314,7 @@ export default class Video extends Component { style={StyleSheet.absoluteFill} /> {this.state.showPoster && ( - + )} );