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