React Native TouchableHighlight 字体颜色文本更改答案

【问题标题】：React Native TouchableHighlight Font Color Text ChangeReact Native TouchableHighlight 字体颜色文本更改
【发布时间】：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

标签： javascript ios reactjs react-native

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

示例链接已失效
嘿..你找到解决方案了吗？如果你这样做了，请回答你的问题..谢谢