/Javascript/React/React native image fit container

React native image fit container

React native cover image in parent view

image: {
    flex: 1,
    width: '100%',
    height: '100%',
    resizeMode: 'contain',
},

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

Similar codes

1 vote386 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
6 votes395 views1 answer
React history with search
Javascript React
0 vote415 views2 answers
React native countdown
Javascript React
24 votes346 views6 answers
React native navigation
Javascript React
3 votes389 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
0 vote375 views1 answer
Upload image file in react native using rest api to website
Javascript React
0 vote460 views1 answer
Reactjs lifecycle class components
Javascript React
0 vote388 views1 answer
Get all database react native
Javascript React
0 vote384 views1 answer
Debug react routes
Javascript React
86 votes427 views3 answers
React check if window exists
Javascript React