/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 vote259 views1 answer
Reactjs join two array
Javascript React
1 vote266 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
1 vote224 views3 answers
Antd react
Javascript React
0 vote285 views1 answer
Props with ternary in react
Javascript React
0 vote274 views1 answer
Mdbootstrap react
Javascript React
2 votes288 views2 answers
React material ui media queries
Javascript React
0 vote225 views1 answer
Platform check in react native for status bar color
Javascript React
0 vote272 views1 answer
How to install yup in react native
Javascript React
11 votes264 views2 answers
React must be in scope when using jsx
Javascript React
16 votes267 views2 answers
Where to put background images in react app
Javascript React