/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

0 vote262 views1 answer
How to validate password and confirm password on react form hook
Javascript React
9 votes246 views6 answers
How to check react version
Javascript React
0 vote270 views1 answer
Text input placeholder font family react native
Javascript React
0 vote255 views1 answer
React-template-helper
Javascript React
125 votes315 views6 answers
Install React Bootstrap
Javascript React
5 votes248 views1 answer
How to create a component in react native
Javascript React
0 vote252 views1 answer
How react work
Javascript React
17 votes236 views5 answers
Add background image react native
Javascript React
2 votes242 views1 answer
React native cover image in parent view
Javascript React
0 vote269 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React