Import Image from "react-native"
<View style={style.imageContainer}>
<Image
fadeDuration={1000} // how to fade in images
source={require("../FILE-ROUTE.png")}resizeMode="contain/cover"}
source={{uri: "https://FILE-LOCATION-ONLINE"}}
/>
</View>
imageContainer: {
width: 300,
height: 300,
borderRadius: 150,
borderWidth: 3,
borderColor: "black",
overflow: "hidden",
marginVertical: 30,
},
image: {
width: 100%,
height: 100%
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter