/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 vote181 views1 answer
React native run-android --release
Javascript React
0 vote143 views1 answer
How to make image slider in react js
Javascript React
18 votes172 views6 answers
Export apk react native
Javascript React
0 vote146 views2 answers
How to give data from react native to webview
Javascript React
1 vote172 views1 answer
Typing refs react
Javascript React
2 votes157 views1 answer
Scoll to top on each route react
Javascript React
29 votes151 views2 answers
React or vue
Javascript React
18 votes152 views6 answers
Import svg as react component
Javascript React
1 vote151 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
14 votes139 views4 answers
Conditional classname prop react
Javascript React