/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 vote388 views1 answer
Owl carousel for react
Javascript React
24 votes394 views6 answers
Box shadow react native
Javascript React
14 votes382 views2 answers
Adding border in react native
Javascript React
0 vote409 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
18 votes413 views6 answers
React-native make android apk
Javascript React
0 vote387 views1 answer
React router v6 lazy suspense
Javascript React
0 vote368 views1 answer
Use es6 arrow function in react
Javascript React
0 vote410 views1 answer
Run react app in different port
Javascript React
1 vote357 views1 answer
Strings compare react
Javascript React
0 vote383 views1 answer
How to resolve cors in production react
Javascript React