I am currently trying to create an app using React native and I have multiple touchable opacity image buttons on different pages. However, whenever I click on any of the touchable opacity image buttons, it will ONLY work with a light tap/touch rather than a normal press on apps. I tried doing hit slop and it still doesn't avoid the issue of a light tap. Can someone please guide me on how to make this work as I have been stuck on this for days.
<TouchableOpacity onPress={() => this.props.navigation.navigate("Track", { currentDate: this.state.currentDate, }) }><Image style={HomeStyles.ovalContainer} source={require("../../assets/oval.png")} /></TouchableOpacity>Thank you