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