Image react native

Image source react native

//Local import (relative path)
<Image source={require("./assets/snack-icon.png")} />
//External import (web path) you should specify the width and height
<Image source={{uri:"https://picsum.photos/200", width:200,height:200 }}/>

Photo in React native

// useing require is more secure
<Image 
	source = {require('C:/Users/Tutorialspoint/Desktop/NativeReactSample/logo.png')} 
/>

Image react native

		<Image
        style={styles.tinyLogo}
        source={require('@expo/snack-static/react-native-logo.png')}
     	/>

Similar codes

5 votes323 views5 answers
Onclick react
Javascript React
0 vote398 views2 answers
Adding preview images to react apps for linkedin
Javascript React
-1 vote410 views1 answer
React-native-geolocation-service
Javascript React
0 vote368 views2 answers
React native bottom sheet example
Javascript React
-2 votes345 views1 answer
How to identify debug and release build in react native
Javascript React
0 vote371 views1 answer
Use this in a react js component
Javascript React
1 vote350 views1 answer
React native generate stylesheet with function
Javascript React
2 votes401 views1 answer
React setupproxy
Javascript React
0 vote368 views1 answer
How to add base url as src in react native
Javascript React
7 votes370 views2 answers
React router 6 redirect
Javascript React