how to get image on half screen react code example
Example 1: react native cover image in parent view
image: {
flex: 1,
width: '100%',
height: '100%',
resizeMode: 'contain',
},
Example 2: react native image fit container
<Image
style={{
alignSelf: 'center',
height: 150,
width: 150,
borderWidth: 1,
borderRadius: 75
}}
source={{uri:'https://facebook.github.io/react/img/logo_og.png'}}
resizeMode="stretch"
/>
// source: https://medium.com/the-react-native-log/tips-for-react-native-images-or-saying-goodbye-to-trial-and-error-b2baaf0a1a4d