Когда использовать TouchableNativeFeedback, TouchableHighlight или TouchableOpacity?

В React Native, есть по крайней мере три способа сделать кнопку: TouchableNativeFeedback, TouchableHighlightи TouchableOpacity. Есть также TouchableWithoutFeedback, что в документации четко указано, что вы не должны использовать, потому что «все элементы, которые реагируют на нажатие, должны иметь визуальную обратную связь при прикосновении».

• TouchableNativeFeedback предназначен только для Android и «заменяет View другим экземпляром RCTView».
• TouchableHighlight «добавляет представление в иерархию представлений»
• TouchableOpacity работает "без изменения иерархии представлений"

Есть ли еще какие-нибудь существенные различия между этими тремя? Один из них - компонент goto? В каком случае использовать TouchableHighlightовер TouchableOpacity? Есть ли какие-либо последствия для производительности?

Я пишу приложение прямо сейчас и обнаружил, что у всех трех есть значительная задержка между касанием и действием (в данном случае изменение навигации). Есть ли способ сделать его более быстрым?

источник: https://medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472 , Ник Виндж

TouchableHighlight

• Что он делает: затемняет или осветляет фон элемента при нажатии.

• Когда использовать: в iOS для сенсорных элементов или кнопок со сплошной формой или фоном, а также для элементов ListView.

TouchableOpacity

• Что он делает: уменьшает непрозрачность всего элемента при нажатии.

• Когда использовать: в iOS для сенсорных элементов, которые представляют собой отдельный текст или значки без цвета фона.

TouchableNativeFeedback

• Что он делает: при нажатии добавляет к фону эффект ряби.

• Когда использовать: на Android почти для всех сенсорных элементов.

Ну, вот как я обычно решаю, что использовать:

• Если я создаю только для Android, и компонент достаточно велик, чтобы исходная обратная связь будет заметно отличаться от других, я использую TouchableNativeFeedback
• Если я хочу контролировать непрозрачность компонента или хочу, чтобы кнопка имела цвет при прикосновении, и я не хочу контролировать сфокусированное состояние какого-либо элемента внутри Touchable, я использую TouchableHighlight. ( TouchableOpacityесть некоторые странности, когда вы сами контролируете непрозрачность).
• Во всех остальных случаях я использую, TouchableOpacityпотому что он более «голый», чемTouchableHighlight

Я думаю, что основное существенное различие, указанное в Документах:

TouchableHighlight must have one child (not zero or more than one). If you wish to have several child components, wrap them in a View.ссылка на сайт

Осязаемый

TouchableHighlight Обертка, позволяющая представлениям правильно реагировать на прикосновения. При нажатии уменьшается непрозрачность обернутого вида, что позволяет просвечивать цвет подложки, затемняя или окрашивая вид.

Подложка возникает из-за обертывания дочернего элемента в новом представлении, что может повлиять на макет и иногда вызывать нежелательные визуальные артефакты при неправильном использовании, например, если для backgroundColor обернутого представления явно не задан непрозрачный цвет.

TouchableOpacity

TouchableOpacity # Обертка для того, чтобы представления правильно реагировали на прикосновения. При нажатии уменьшается непрозрачность обернутого представления, затемняя его.

Если хочешь

• кнопка выделения при нажатии - используйте TouchableHighlight
• изменить прозрачность кнопки при нажатии - используйте TouchableOpacity