反应导航 - 堆栈导航按钮

Question

所以我做了一个反应应用程序，并且有一个屏幕，我在标题的右侧有一个按钮。问题是点击时崩溃了。下面是react组件内部的代码（位于构造函数方法的正上方）：

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

这是错误：

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

onPress
    ProfileView.js:25:80

我认为这个参考文献没有达到那么远？

Answer 1

没有this.signout因为navigationOptions是静态的。您可以通过将按钮提取到另一个组件并将其连接到redux存储，然后在onPress上发送注销操作来实现您想要的效果