React Navigation - Stack Navigation Button

Question

So i making a react app and there is a screen where i have a button on the right side of the header. The problem is that it crashes when clicked. Here is the code inside the react component (placed right above the constructor method):

static navigationOptions = {
    headerRight: <Ionicons style={{marginRight: 15}} name={prefix + 'power'}
                    color={colors.app_secondary_color} size={30} onPress={() => this.signout()}/>
  }

And here is the error:

_this3.signout is not a function. (In '_this3.signout()', '_this3.signout' is undefined)

onPress
    ProfileView.js:25:80

i'm thinking the this reference doesn't reach that far?

Alexander Vitanov · Accepted Answer · 2017-10-19 18:47:10Z

1

There is no this.signout because navigationOptions is static. You can achieve what you want by extracting the button into a different component and connecting it to the redux store, then dispatch a signout action onPress

answered Oct 19, 2017 at 18:47

Alexander Vitanov

4,1602 gold badges22 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ryanwaite28 Over a year ago

thanks! i am trying to use firebase but i'll gladly add redux to my native app logic.

Collectives™ on Stack Overflow

React Navigation - Stack Navigation Button

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related