/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

4 votes108 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
1 vote135 views2 answers
Deploy create react app pm2
Javascript React
0 vote112 views1 answer
Backgroundcolor react
Javascript React
0 vote109 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
9 votes128 views3 answers
Disable yellow box react native
Javascript React
1 vote97 views1 answer
Connect metamask with react app
Javascript React
0 vote109 views1 answer
React native updating options with setoptions
Javascript React
32 votes276 views2 answers
How to routing in react js
Javascript React
1 vote165 views1 answer
How to delete element at a particular index of array in react js
Javascript React
1 vote106 views1 answer
Yup only characters regex validation react
Javascript React