Desactivar efecto al pulsar en TouchableOpacity usando React Native

Tiempo de lectura: < 1 minuto

Hoy os voy a enseñar cómo podemos desactivar el efecto que aparece al utilizar TouchableOpacity con React Native. Cuando pulsamos en un elemento, realizar el siguiente efecto:

A veces puede no ser adecuado para el diseño que se quiere crear.

Para desactivarlo tendremos que añadir la siguiente propiedad al componente TouchabloOpacity:

activeOpacity={1}

De esta forma queda:

<TouchableOpacity activeOpacity={1} onPress={accion}> </TouchableOpacity>

Y al pulsar en el elemento aparece ya no muestra la animación.

Deja un comentario