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 votes116 views1 answer
<Link> react import
Javascript React
0 vote145 views1 answer
React how to block render if data is not fetched yet
Javascript React
-1 vote122 views2 answers
Email validation in react js
Javascript React
0 vote139 views1 answer
Declaring variable react hooks
Javascript React
2 votes140 views2 answers
React native text get number of lines
Javascript React
0 vote84 views1 answer
How to enable emit on react in vs code
Javascript React
1 vote130 views1 answer
React native modal not full screen
Javascript React
0 vote132 views1 answer
React export multiple component from index.js
Javascript React
0 vote125 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
10 votes126 views2 answers
React-native text overflow ellipsis
Javascript React