/Javascript/React/Image source 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

13 votes391 views3 answers
Enable emmet vscode react
Javascript React
0 vote421 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote411 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
1 vote385 views1 answer
React spread operator
Javascript React
0 vote389 views1 answer
Onclick on fragment react
Javascript React
0 vote397 views2 answers
How to render a component multiple times in react
Javascript React
0 vote406 views1 answer
React string to integer
Javascript React
0 vote405 views2 answers
Counter with react hooks
Javascript React
0 vote380 views1 answer
Shadowcolor liners in react native
Javascript React
1 vote380 views1 answer
React next alias import
Javascript React