/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

0 vote397 views1 answer
React check if mobile or desktop
Javascript React
0 vote356 views1 answer
How react work
Javascript React
2 votes402 views2 answers
Import lodash react
Javascript React
0 vote387 views2 answers
React toggle boolean state
Javascript React
1 vote422 views1 answer
Handling scrolling on react router transitions
Javascript React
1 vote435 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote386 views1 answer
Highcharts react hide data point dots
Javascript React
2 votes384 views1 answer
React native responsive font
Javascript React
9 votes379 views2 answers
React select options
Javascript React
3 votes366 views2 answers
Get param is react
Javascript React