TouchableHighlight

Если вы ищете более расширенный и устойчивый к будущим изменениям способ обработки ввода с помощью касания, ознакомьтесь с API Pressable.

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

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

TouchableHighlight должен иметь ровно один дочерний элемент (не ноль и не больше одного). Если вы хотите иметь несколько дочерних компонентов, оберните их в View.

function MyComponent(props) {
  return (
    <View {...props} style={{ flex: 1, backgroundColor: '#fff' }}>
      <Text>My Component</Text>
    </View>
  );
}

<TouchableHighlight
  activeOpacity={0.6}
  underlayColor="#DDDDDD"
  onPress={() => alert('Pressed!')}>
  <MyComponent />
</TouchableHighlight>;

• Функциональный компонент
• Компонент класса

Справочник

Свойства

Свойства TouchableWithoutFeedback

Наследует Свойства TouchableWithoutFeedback.

activeOpacity

Определяет, какой должна быть opacity обернутого представления при активном касании. Значение должно быть между 0 и 1. По умолчанию 0,85. Требует, чтобы было установлено underlayColor.

onHideUnderlay

Вызывается сразу после скрытия подложки.

onShowUnderlay

Вызывается сразу после отображения подложки.

style

underlayColor

Цвет подложки, который будет просвечивать при активном касании.

hasTVPreferredFocus

iOS

(Только Apple TV) Предпочтительное фокусирование TV (см. документацию для компонента View).

nextFocusDown

Android

Следующий фокус вниз для TV (см. документацию для компонента View).

nextFocusForward

Android

Следующий фокус вперёд для TV (см. документацию для компонента View).

nextFocusLeft

Android

Следующий фокус влево для TV (см. документацию для компонента View).

nextFocusRight

Android

Следующий фокус вправо для TV (см. документацию для компонента View).

nextFocusUp

Android

Следующий фокус вверх для TV (см. документацию для компонента View).

testOnly_pressed

Полезно для тестов снимков.