React Native TouchableHighlight Font Color Text Change

Question

how do TouchableHighlight handles the color of the text when tap. I already did it on the backgroundColor using underLayColor. Here's my code:

<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

I've been struggling with this myself. And using onPressIn and onPressOut props of TouchableWithoutFeedback causes a little delay that becomes glitchy if you use that on a component that receives frequent taps. However, that delay doesn't occur when you use onShowUnderlay and onHideUnderlay props of TouchableHighlight itself.

P.S. your TouchableHighlight component should have an onPress property for this to work.