/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 vote128 views2 answers
React hook toggle state
Javascript React
0 vote141 views1 answer
React chunk file too large
Javascript React
15 votes138 views2 answers
Expo react navigation
Javascript React
0 vote149 views1 answer
Show and hide div based on radio button click react
Javascript React
0 vote145 views1 answer
React native run android common error
Javascript React
0 vote142 views1 answer
How to reset ReactJS file input
Javascript React
0 vote137 views1 answer
Bottom shadow in react native
Javascript React
0 vote135 views2 answers
Batch react-redux
Javascript React
0 vote98 views1 answer
How to use algolia react native
Javascript React
0 vote151 views1 answer
React hooks, react custom hooks
Javascript React