react native how to call multiple functions when onPress is clicked

Question

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?

Answer 1

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(); }  } />