/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 vote148 views1 answer
React native floating button
Javascript React
-2 votes102 views2 answers
React gsap
Javascript React
1 vote180 views1 answer
Reactjs get checkbox value
Javascript React
2 votes141 views1 answer
React refresh page every second
Javascript React
0 vote141 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
3 votes156 views2 answers
Handle onchange react
Javascript React
0 vote140 views2 answers
Storage package npm react
Javascript React
11 votes153 views2 answers
React router refreshes page
Javascript React
0 vote149 views1 answer
React how to block render if data is not fetched yet
Javascript React
2 votes146 views3 answers
React native component at bottom center
Javascript React