Full width & height
import React, { Component } from 'react'; import { View, Image } from 'react-native'; import splashImage from '../assets/img/Marvel-Comics-Logo.png'; class Splash extends Component { render() { const { imageStyle, containerStyle } = styles; return ( <View style={containerStyle}> <Image style={imageStyle} source={splashImage} /> </View> ); } } const styles = { containerStyle: { flex: 1, justifyContent: 'center', alignItems: 'stretch' }, imageStyle: { flexGrow: 1, height: null, width: null, alignItems: 'center', justifyContent: 'center' } }; export default Splash;