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

142 votes375 views6 answers
Create-react-app
Javascript React
0 vote150 views1 answer
What difference between react func and class components
Javascript React
0 vote151 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
1 vote369 views1 answer
Rendering, reconciliation and committing in react
Javascript React
2 votes153 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
1 vote160 views2 answers
How to prevent render in react
Javascript React
2 votes146 views2 answers
How to send form data from react to express
Javascript React
0 vote154 views1 answer
Get input value in react using hooks
Javascript React
0 vote161 views1 answer
Setstate before function react
Javascript React
1 vote156 views1 answer
React native get current time
Javascript React