¿Cuándo usar TouchableNativeFeedback, TouchableHighlight o TouchableOpacity?

En Reaccionar nativo, hay por lo menos tres maneras de hacer un botón: TouchableNativeFeedback, TouchableHighlighty TouchableOpacity. También existe TouchableWithoutFeedback, que la documentación indica claramente que no debes usar porque "todos los elementos que responden a la prensa deben tener una retroalimentación visual cuando se tocan".

• TouchableNativeFeedback es solo para Android y "reemplaza la vista con otra instancia de RCTView"
• TouchableHighlight "agrega una vista a la jerarquía de vista"
• TouchableOpacity funciona "sin cambiar la jerarquía de vistas"

¿Existen otras diferencias significativas entre los tres? ¿Uno de ellos es el componente goto? ¿En qué caso debería usar TouchableHighlightover TouchableOpacity? ¿Hay implicaciones en el rendimiento?

Estoy escribiendo una aplicación en este momento y encuentro que las tres tienen un retraso significativo entre el toque y la acción (en este caso, un cambio de navegación). ¿Hay alguna forma de hacerlo más ágil?

fuente: https://medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472 , por Nick Wientge

TouchableHighlight

• Qué hace: Oscurece o aclara el fondo del elemento cuando se presiona.

• Cuándo usarlo: en iOS para elementos táctiles o botones que tienen una forma sólida o un fondo, y en elementos ListView.

TouchableOpacity

• Qué hace: aclara la opacidad de todo el elemento cuando se presiona.

• Cuándo usarlo: En iOS para elementos táctiles que son texto independiente o íconos sin color de fondo.

TouchableNativeFeedback

• Qué hace: agrega un efecto dominó al fondo cuando se presiona.

• Cuándo usarlo: en Android para casi todos los elementos táctiles.

Bueno, así es como suelo decidir qué usar:

• Si estoy compilando solo para Android y el componente es lo suficientemente grande como para que los comentarios nativos sean visiblemente diferentes a los demás, entonces uso TouchableNativeFeedback
• Si quiero controlar la opacidad en el componente o si quiero que el botón tenga color cuando se toca, y no quiero controlar el estado de enfoque de algún elemento dentro del Touchable, entonces uso TouchableHighlight. ( TouchableOpacitytiene algunas partes extrañas cuando tú mismo controlas la opacidad).
• En todos los demás casos, lo uso TouchableOpacityporque está más "desnudo" queTouchableHighlight

Creo que la principal diferencia esencial como se indica en Docs:

TouchableHighlight must have one child (not zero or more than one). If you wish to have several child components, wrap them in a View.enlace

Tocable Resaltar

TouchableHighlight Un contenedor para hacer que las vistas respondan correctamente a los toques. Al presionar hacia abajo, la opacidad de la vista envuelta se reduce, lo que permite que el color de la base se muestre, oscureciendo o teñiendo la vista.

La capa subyacente proviene de envolver al niño en una nueva Vista, lo que puede afectar el diseño y, a veces, causar artefactos visuales no deseados si no se usa correctamente, por ejemplo, si el backgroundColor de la vista envuelta no se establece explícitamente en un color opaco.

Opacidad táctil

TouchableOpacity # Un contenedor para hacer que las vistas respondan correctamente a los toques. Al presionar hacia abajo, la opacidad de la vista envuelta se reduce, atenuándola.

Si quieres

• botón resaltar al presionar - usar TouchableHighlight
• cambiar la opacidad del botón al presionarlo - usar TouchableOpacity