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

0 vote269 views2 answers
React native use route params
Javascript React
0 vote241 views1 answer
Modal react form table
Javascript React
-2 votes240 views1 answer
How to identify debug and release build in react native
Javascript React
1 vote261 views1 answer
Reactnode prop-types
Javascript React
6 votes240 views1 answer
Import useHistory react-router-dom version 6
Javascript React
0 vote247 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
3 votes242 views1 answer
How to use react-fontawesome
Javascript React
25 votes240 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
0 vote220 views6 answers
Replace all in react js
Javascript React
0 vote242 views1 answer
OnPress image react native
Javascript React