React Native TouchableHighlight 字体颜色文本更改

Question

TouchableHighlight 如何在点击时处理文本的颜色。 我已经使用 underLayColor 在 backgroundColor 上做了。 这是我的代码：

<TouchableHighlight
                        style={{ borderRadius: 5}}
                        underlayColor="#ffffff"
                        onPress={this.onLoadPress}>
                            <View style={[styles.buttonBox, styles.btnEditProfile]}>
                                <Text style={styles.btnEditProfileText}>
                                    Edit Profile
                                </Text>
                            </View>
                    </TouchableHighlight>

Answer 1

我自己一直在努力解决这个问题。 并使用onPressIn和onPressOut的道具TouchableWithoutFeedback导致有点延迟，如果你使用那些经常水龙头组件上变得出问题。 但是，当您使用不会发生延迟onShowUnderlay和onHideUnderlay的道具TouchableHighlight本身。

PS你的TouchableHighlight组件应该有一个onPress属性才能工作。

Answer 2

TouchableHighlight 拥有 TouchableWithoutFeedback 的所有道具。 TouchableWithoutFeedback 有 onPressIn 和 onPressOut 属性，它们可以接收一个函数（基本上像 onMouseDown 和 onMouseUp）。 您可以使用这些方法来更改将更改文本样式的状态。 这是一个工作示例。