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

2 votes216 views2 answers
Await in react in function component
Javascript React
7 votes285 views2 answers
Pass props in react
Javascript React
0 vote211 views1 answer
One component overlapping on other in react.js app
Javascript React
4 votes232 views2 answers
How to use react-native-vector-icons
Javascript React
108 votes278 views1 answer
How to start react app in windows
Javascript React
0 vote303 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
0 vote218 views1 answer
How to redirect to another page in react js on button click
Javascript React
0 vote249 views1 answer
Nested arrays reactjs tables
Javascript React
0 vote198 views1 answer
Create app with a specific react version
Javascript React
1 vote219 views3 answers
Linear gradient react native
Javascript React