image component in react native

if the image is offline:

import React,{useState} from 'react'
import {View,Text,Image} from 'react-native'
import Constants from 'expo-constants'
function App()
{
return(
<View style={{paddingTop:Constants.statusBarHeight}}>
<Image source={require('./assets/left join.png')} style={{height:250,width:320,marginLeft:50}}/>
<Text>hello data</Text>
</View>
)
}

export default App





if the image is online:

import React,{useState} from 'react'
import {View,Text,Image} from 'react-native'
import Constants from 'expo-constants'
function App()
{
return(
<View style={{paddingTop:Constants.statusBarHeight}}>
<Image source={{uri:'https://s3-ap-southeast-1.amazonaws.com/tv-prod/member/photo/6405369-large.png'}} style={{height:250,width:320,marginLeft:50}}/>
<Text style={{textAlign:'center',fontSize:60,fontWeight:'bold',fontFamily:'algerian',color:'darkblue'}}>happy new year</Text>


</View>
)
}

export default App