Как добавить вторую тень объекту в react-native js?

У меня есть одна тень на кнопке(слева снизу). Мне нужно давить вторую слева сверху другого цвета.

<-------------------------------------->

import React from 'react'

import { View, Text, StyleSheet, Image, Button, TouchableOpacity } from 'react-native'

export const Navbar = () => {
    return ( 
        <View style = { styles.Div }>
            <Image source={require('./logo.png')} style={styles.logoImg} />
            <TouchableOpacity style={styles.loginBtn} >
                <Text style={styles.textBtn}>Войти</Text>
            </TouchableOpacity>
        </View>
        
    )
}

const styles = StyleSheet.create({
    Div: {
        

    },
    logoImg: {
        marginTop:130,

    },
    loginBtn: {
        backgroundColor: '#EAECF0',
        marginTop: 80,
        width:172,
        height: 65,
        justifyContent: 'center',
        alignItems: 'center',
        borderRadius:55,
        marginLeft:20,
        shadowColor: '#000',
        shadowOffset: { width: 4, height: 4 },
        shadowOpacity: 0.25,
        shadowRadius: 2,
        shadowColor: '#FFFFFF',
        shadowOffset: { width: -4, height: -4 },
        shadowOpacity: 0.9,
        shadowRadius: 2, 



        
    },
    textBtn: {
        color: '#3E5866',
        fontSize: 25,
        fontWeight: '500'
    }
})