Remove flash between poster and video
This resolves https://github.com/react-native-community/react-native-video/issues/1128
This commit is contained in:
parent
91194edbc9
commit
55e0e4dcfa
32
Video.js
32
Video.js
@ -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}
|
|
||||||
/>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user