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的{{1}}和onPressOut道具会导致稍微延迟，如果您在频繁点击的组件上使用它，则会出现故障。但是，当您使用TouchableWithoutFeedback本身的onShowUnderlay和onHideUnderlay道具时，这种延迟不会发生。

P.S。您的TouchableHighlight组件应具有TouchableHighlight属性才能生效。

Answer 2

TouchableHighlight拥有TouchableWithoutFeedback的所有道具。 TouchableWithoutFeedback具有可以接收函数的onPressIn和onPressOut道具（基本上类似于onMouseDown和onMouseUp）。您可以使用这些方法更改将更改文本样式的状态。 Here is a working example.

React Native TouchableHighlight字体颜色文本更改

2 个答案: