/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

14 votes125 views2 answers
React router link with params
Javascript React
0 vote127 views1 answer
Limit data with axios in react js
Javascript React
17 votes134 views3 answers
React canvas clear
Javascript React
1 vote136 views1 answer
Vim react snippets
Javascript React
0 vote135 views1 answer
How to use rgba in react native
Javascript React
0 vote133 views2 answers
React query stop refetch when i switch browser tabs (per query)
Javascript React
2 votes124 views1 answer
How to get current URL with Javascript or React
Javascript React
3 votes160 views2 answers
How to know the current route in react class component
Javascript React
2 votes116 views1 answer
React native cover image in parent view
Javascript React
0 vote138 views1 answer
Modal in react
Javascript React