React Native | ImageBackground Component

 App.js:

import React from 'react';

import { StyleSheet, Text, ImageBackground} from 'react-native';

const bgImg={uri:'https://reactjs.org/logo-og.png'}

const bgImg1=require('./src/assets/images/sky.webp')

const App = () => {

    return(

        <ImageBackground blurRadius={50} source={bgImg} style={styles.container}>

            <Text style={{fontSize:30, backgroundColor:'blue', color:'white'}}>ActivityIndicator</Text>

           

        </ImageBackground>

    )

}

const styles=StyleSheet.create({

    container:{

        flex:1,

    }

})

export default App;