React Native TouchableHighlight 字体颜色文本更改

Posted 2023-03-07

【中文标题】React Native TouchableHighlight 字体颜色文本更改

【英文标题】：React Native TouchableHighlight Font Color Text Change

【发布时间】：2015-11-02 23:31:16

【问题描述】：

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>

【问题讨论】：

据我所知，你只能改变你提到的underlayColor。但是，我认为您可以使用动画获得想要的效果。不过我没时间帮你解决，抱歉……facebook.github.io/react-native/docs/animated.html#content

【参考方案1】：

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

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

【参考方案2】：

TouchableHighlight 具有 TouchableWithoutFeedback 的所有属性。 TouchableWithoutFeedback 有 onPressIn 和 onPressOut 属性，它们可以接收一个函数（基本上就像 onMouseDown 和 onMouseUp）。您可以使用这些方法来更改将更改文本样式的状态。 Here is a working example.

【讨论】：

示例链接已失效

嘿..你找到解决方案了吗？如果你这样做了，请回答你的问题..谢谢