railbird/react-native-video
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove flash between poster and video

Browse Source 
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
1 changed files with 13 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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