Tengo una aplicación nativa de reacción en la que, en la barra de pestañas, muestro una imagen como icono de la barra de pestañas . El problema es que se muestra completamente bien en el simulador de Android, pero cuando ejecuto la misma aplicación en un dispositivo real, aparece el ícono de la barra de pestañas (que es una imagen estática).
Aquí está el fragmento de código que estoy usando

 <Tab.Screen name="NFT Market" component={NftMarketplace} options={{ headerShown: false, tabBarHideOnKeyboard: true, tabBarIcon: ({focused}) => ( <View style={{ justifyContent: 'center', alignItems: 'center', }}> <Image source={customIcons.nftmaketplace} resizeMode="contain" style={{ width: 50, height: 50, }} /> </View> ), tabBarButton: props => <CustomTabbarButtom {...props} />, }} />

El siguiente es el CustomTabbarButtom

 const CustomTabbarButtom = ({children, onPress}) => { return ( <TouchableOpacity onPress={onPress} style={styles.customTabbarButtom}> <View style={styles.view__customTabbarButtom}>{children}</View> </TouchableOpacity> ); };

Aquí, la fuente de la Image customIcons.nftmaketplace es una imagen estática que he importado en la parte superior de mi archivo.