Коли використовувати TouchableNativeFeedback, TouchableHighlight або TouchableOpacity?

У React Native, є принаймні три способи зробити кнопку: TouchableNativeFeedback, TouchableHighlightі TouchableOpacity. Існує також те TouchableWithoutFeedback, що в документації чітко зазначено, що ви не повинні використовувати, оскільки "всі елементи, що реагують на натискання, повинні мати візуальний зворотний зв'язок при дотику".

• TouchableNativeFeedback призначений лише для Android і "замінює View іншим екземпляром RCTView"
• TouchableHighlight "додає подання до ієрархії подання"
• TouchableOpacity працює "без зміни ієрархії подання"

Чи існують інші суттєві відмінності між цими трьома? Чи є один із них компонентом goto? У якому випадку слід використовувати TouchableHighlightover 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

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

Підкладка виходить із загортання дочірнього елемента в новий вигляд, що може впливати на макет, а іноді спричиняти небажані візуальні артефакти, якщо він використовується неправильно, наприклад, якщо backgroundColor обгорнутого подання явно не встановлено в непрозорий колір.

TouchableOpacity

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

Якщо хочеш

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