Image 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

23 votes202 views6 answers
React native shadow
Javascript React
1 vote187 views1 answer
How to connect socket in react js
Javascript React
4 votes235 views1 answer
Carousel react
Javascript React
0 vote232 views1 answer
Angular reactive form remove validation
Javascript React
0 vote184 views1 answer
Debug react routes
Javascript React
0 vote222 views1 answer
Remove console messages of react-i18next
Javascript React
1 vote183 views1 answer
Import library react js
Javascript React
0 vote189 views1 answer
Get data from mulitple query parameters react
Javascript React
11 votes207 views2 answers
React must be in scope when using jsx
Javascript React
0 vote178 views1 answer
Failed to construct image react-native
Javascript React