javascript – Quitar los estilos predeterminados React Native

Estoy empezando a trabajar con React Native, agregue un moda, y este aparece bien, pero atras de el aparece unos estilos que quiero quitar:

Ese borde rojo y el fondo gris

Ese borde rojo y el fondo gris son lo que quiero quitar estos son mis archivos:
Loading.js

import React from 'react'
import { StyleSheet, View, Text, ActivityIndicator } from 'react-native'
import { Overlay } from 'react-native-elements/dist/overlay/Overlay'

export default function Loading(props){
    const { isVisible, text } = props
    return(
        <Overlay
            isVisible = {isVisible}
            windowBackgroundColor = 'rgba(0, 0, 0, 0.5'
            overlayBackgroundColor = 'transparents'
            overlayStyle = {styles.overlay}
        >
            <View>
                {<ActivityIndicator size='large' color='#00a680'/>}
                {text && <Text style={styles.text}>{text}</Text>}
            </View>
        </Overlay>
    )
}

const styles = StyleSheet.create({
    overlay:{
        height: 100,
        width: 200,
        backgroundColor: '#fff',
        borderColor: '00a680',
        borderWidth: 2,
        borderRadius: 10,
    
    },
    text:{
        color:'#00a680',
        textTransform: 'uppercase',
        marginTop: 10
    }
})

y aquí es la pantalla donde ese modal aparece:

import React from 'react'
import { StyleSheet, View, Text, ScrollView, Image } from 'react-native'
import { Button } from 'react-native-elements'

export default function UserGuest(){
    return(
        <ViewsScroll style={styles.container}>
            <Image
                style={styles.strech}
                source={require('../../../assets/img/icon.png')}
            />
            <Text style={styles.title}> Ingresa a tu perfil </Text>
        </ViewsScroll>
    )
}

const styles = StyleSheet.create({
    container:{
        paddingTop: 10
    },
    strech:{
        width:'100%',
        height: 300,
        resizeMode: 'contain',
        marginBottom: 40
    },
    title:{
        fontWeight: 'bold',
        fontSize: 19,
        marginBottom:10,
        textAlign:'center'
    }
})

Si inspecciono elemento me dice que esos estilos lo esta dando css-view-1dbjc4n, pero no se como modificar estos elementos:

:C

¿Alguna idea de que podría hacer?