Javascript TouchableHighlight参考底色不工作。颜色就是不变

我有一个与此相关的组件：

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

underlayColor={'red'}

问题是，当我单击按钮时，会调用onPress函数，但TouchableHighlight的颜色保持不变

我也试过这样做：

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

underlayColor={'red'}

---

带括号，但相同。

如果有人遇到这种行为，需要提供onPress以查看颜色变化或突出显示效果。请参见

它正在按预期工作，当您点击并按住

打开按钮时，参考底图颜色将变为redyou right Pritish Vaidya。