TouchableHighlight underlayColor не работает.Цвет просто не меняется

Question

У меня есть компонент с этим:

<TouchableHighlight
    style={styles.button}
    underlayColor='red'
    onPress={() => this.bootEvent(item)}>
    <Text style={{ color: '#ffffff', fontSize: 12, fontWeight: 'bold' }}>Text</Text>
</TouchableHighlight>

Это стиль:

button: {
    alignItems: 'center',
    backgroundColor: '#4267b2',
    padding: 8
}

Проблема в том, что когда я нажимаю на кнопку, вызывается функция onPress, но цвет TouchableHighlight остается прежним.

Я тоже пробовал с этим:

underlayColor={'red'}

в скобках, но то же самое.

Answer 1

В случае, если кто-то сталкивается с этим поведением, необходимо указать onPress, чтобы увидеть изменение цвета или эффект выделения.Смотри https://github.com/facebook/react-native/issues/14908

Answer 2

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