Estoy aprendiendo react-native y estoy haciendo una barra de pestañas para navegar entre los componentes, pero tengo un problema.

El estilo de la sombra no quiere funcionar, ¿alguien puede ayudarme por favor? especialmente la línea 27: "...styles.shadow"

Intenté ponerlo en la línea 29 pero sigue igual.

Gracias

 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { StyleSheet } from 'react-native'; import colors from '../conf/color' import Joueurs from '../screens/Joueurs'; import Actus from '../screens/Actus'; import Ionicons from 'react-native-vector-icons/Ionicons'; //Some importations not really important, they can be replaced by anything const Tab = createBottomTabNavigator(); const Tabs = () => { return( <Tab.Navigator screenOptions={{ headerShown: false, tabBarShowLabel: false, tabBarActiveTintColor: colors.white, tabBarStyle: { position: 'absolute', bottom: 25, left: 20, right: 20, elevation: 0, height: 90, borderRadius: 15, backgroundColor: colors.grey, ...styles.shadow //There is the problem }, }} > <Tab.Screen name= 'Actus' component={Actus} /> <Tab.Screen name='Joueurs' component={Joueurs} /> </Tab.Navigator> ) } export default Tabs; const styles = StyleSheet.create({ shadow: { //the style I defined shadowColor: 'red', shadowOfset: { width: 46, height: 10, }, shadpwOpacity: 0.25, shadowRadius: 3.25, elevation: 5, } })