react-native - 如何从静态导航选项调用 redux 操作？

Question

我需要从静态导航选项调用一个 Action ，但无法通过 this.props 访问我的 Action 。如何调用这个 Action ？我在控制台中收到错误消息“无法读取未定义的属性‘注销’”。

static navigationOptions = ({navigation}) =>( {
        title: 'Home',
        header: <Header headerTitle={navigation.state.routeName} logoutButtonPress={() => {
        this.props.logout(); // this action is not working 
                NavigationActions.reset({
                    index: 0,
                    actions: [NavigationActions.navigate({ routeName: "Welcome" })]
                })
                navigation.navigate('Welcome');
            }
            }
        />,
      });

Answer 1

在有导航选项的屏幕组件中

  componentDidMount() {
    this.props.navigation.setParams({
      logOut: this.actionLogOut
    });
  }

actionLogOut = () => {
this.props.dispatch(logOut()); };

在componentDidMount时在navigation的params中加载logout函数 Action ，然后

static navigationOptions = ({ navigation }) => {
return {
  headerTitle: (
    <Text
      style={{
        left: Platform.OS == "android" ? 20 : 0
      }}
    >
      Personal Data
    </Text>
  ),
  headerRight: (
    <Aux>
      <Icon
        name="md-notifications"
        size={27}
        color="#9D9B9C"
        style={{ paddingLeft: 15, marginRight: 15 }}
      />
      <Icon
        name="ios-log-out"
        size={27}
        color="red"
        style={{ paddingLeft: 15, marginRight: 15 }}
        onPress={() => {
          console.log(navigation);
          navigation.state.params.logOut();
          navigation.dispatch(NavigationActions.back({ index: "Login" }));
          navigation.popToTop();
        }}
      />
    </Aux>
  )
};

};

在 navigationOptions 中用作 navigation.state.params.logOut();

该组件必须使用 connect using import { connect } from "react-redux"并与组件连接