javascript - 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