TouchableHighlight¶

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

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

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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

function MyComponent(props: MyComponentProps) {
    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 Props¶

Наследует TouchableWithoutFeedback Props.

activeOpacity¶

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

onHideUnderlay¶

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

onShowUnderlay¶

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

style¶

underlayColor¶

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

hasTVPreferredFocus ¶

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

nextFocusDown ¶

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

nextFocusForward ¶

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

nextFocusLeft ¶

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

nextFocusRight ¶

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

nextFocusUp ¶

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

testOnly_pressed¶

Удобно для тестов с моментальным снимком.

Комментарии