React Native TouchableHighlight字体颜色文本更改

React Native TouchableHighlight Font Color Text Change

本文关键字：文本 颜色 字体 Native TouchableHighlight React      更新时间：2023-09-26

点击时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>

我自己也一直在为此而挣扎。使用TouchableWithoutFeedback的onPressIn和onPressOut道具会导致一点延迟，如果在接收频繁抽头的组件上使用，就会出现故障。但是，当您使用TouchableHighlight本身的onShowUnderlay和onHideUnderlay道具时，不会发生这种延迟。

p.S.您的TouchableHighlight组件应该具有onPress属性才能正常工作。

TouchableHighlight拥有TouchableWithoutFeedback的所有道具。TouchableWithoutFeedback具有onPressIn和onPressOut道具，可以接收功能（基本上类似于onMouseDown和onMouseUp）。您可以使用这些方法来更改状态，从而更改文本的样式。下面是一个工作示例。

相关文章：