反应导航 - 堆栈导航按钮

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 存储来实现您想要的内容，然后在 Press 上调度注销操作