Remove flash between poster and video

This resolves https://github.com/react-native-community/react-native-video/issues/1128
This commit is contained in:
Charlie Martin 2018-08-04 17:28:33 -04:00 committed by GitHub
parent 91194edbc9
commit 55e0e4dcfa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -248,35 +248,21 @@ export default class Video extends Component {
onAudioBecomingNoisy: this._onAudioBecomingNoisy, onAudioBecomingNoisy: this._onAudioBecomingNoisy,
}); });
if (this.props.poster && this.state.showPoster) {
const posterStyle = { const posterStyle = {
position: 'absolute', ...StyleSheet.absoluteFillObject,
left: 0, resizeMode: this.props.posterResizeMode || 'contain',
top: 0,
right: 0,
bottom: 0,
resizeMode: this.props.posterResizeMode || 'contain'
}; };
return ( return (
<React.Fragment>
<RCTVideo ref={this._assignRoot} {...nativeProps} />
{this.props.poster &&
this.state.showPoster && (
<View style={nativeProps.style}> <View style={nativeProps.style}>
<RCTVideo <Image style={posterStyle} source={{ uri: this.props.poster }} />
ref={this._assignRoot}
{...nativeProps}
/>
<Image
style={posterStyle}
source={{uri: this.props.poster}}
/>
</View> </View>
); )}
} </React.Fragment>
return (
<RCTVideo
ref={this._assignRoot}
{...nativeProps}
/>
); );
} }
} }