height auto react native image code example
Example 1: react native asign width to image
import { Dimensions } from "react-native";
const win = Dimensions.get('window');
<Image
style={{
width: win.width/2,
height: win.width/2,
resizeMode: "contain",
alignSelf: "center",
borderWidth: 1,
borderRadius: 20,
}}
source={{uri:'https://facebook.github.io/react/img/logo_og.png'}}
resizeMode="stretch"
/>
Example 2: relative width and height image react native
const dimensions = Dimensions.get('window');
const imageHeight = Math.round(dimensions.width * 9 / 16);
const imageWidth = dimensions.width;
return (
<Image
style={{ height: imageHeight, width: imageWidth }}
/>
);