I am trying to call multiple functions when I click onPress using TouchableOpacity
For example:
functionOne(){
// do something
}
functionTwo(){
// do someting
}
<TouchableHighlight onPress{() => this.functionOne()}/>
What if I want to call two functions when onPress is clicked? Is there a way I could call multiple functions?
Advertisement
Answer
There are a few ways to achieve this. One option would be to define a function that calls functionOne and functionTwo, and pass that on your onPress handler like so:
functionOne(){
// do something
}
functionTwo(){
// do something
}
functionCombined() {
this.functionOne();
this.functionTwo();
}
<TouchableHighlight onPress={() => this.functionCombined()}/>
Alternatively, and more concisely, you could express functionCombined inline in your JSX like so:
functionOne(){
// do something
}
functionTwo(){
// do someting
}
<TouchableHighlight
onPress={
() => { this.functionOne(); this.functionTwo(); }
}
/>