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,
});
if (this.props.poster && this.state.showPoster) {
const posterStyle = {
position: 'absolute',
left: 0,
top: 0,
right: 0,
bottom: 0,
resizeMode: this.props.posterResizeMode || 'contain'
};
return (
<View style={nativeProps.style}>
<RCTVideo
ref={this._assignRoot}
{...nativeProps}
/>
<Image
style={posterStyle}
source={{uri: this.props.poster}}
/>
</View>
);
}
const posterStyle = {
...StyleSheet.absoluteFillObject,
resizeMode: this.props.posterResizeMode || 'contain',
};
return (
<RCTVideo
ref={this._assignRoot}
{...nativeProps}
/>
<React.Fragment>
<RCTVideo ref={this._assignRoot} {...nativeProps} />
{this.props.poster &&
this.state.showPoster && (
<View style={nativeProps.style}>
<Image style={posterStyle} source={{ uri: this.props.poster }} />
</View>
)}
</React.Fragment>
);
}
}