TouchableHighlight onPress not working

Question

I implemented a sign in page that worked up until I upgraded react-native.

The problem I'm having is that the onPress prop isn't being called:

<TouchableHighlight style={styles.button}
        underlayColor='#f1c40f'
        onPress={this.signIn}>
   <Text style={styles.buttonText}>Sign In</Text>
</TouchableHighlight>

Here is my signIn function:

signIn: function(){
console.log("SignInAction signIn")
this.fetchData();  },

The signIn button appears to be depressed when I click it but the log statement isn't firing.

Answer 1

Try calling it like this:

onPress={ () => this.signIn() }>

It looks like the "this" in your function is bound to the wrong scope.

Answer 2

you can also do it like this:

onPress={this.signIn.bind(this)}>

the rest of code don't need change.