onPress 功能不起作用

Question

我想在 onPress 上添加多个功能。所以我有这样的 onPress 功能。但这不起作用。

  navigateToScreen = (route) => () => {
      const navigateAction = NavigationActions.navigate({
        routeName: route
      });
      this.props.navigation.dispatch(navigateAction);
    }

    onButtonPress() {
      this.navigateToScreen('Home', { isStatusBarHidden: false })
    }

    render() {
      return (
        <View style={styles.container}>
          <TouchableOpacity
            style={styles.menuItem}
            onPress={() => {this.onButtonPress.bind(this)}
          >
  ...

navigateToScreen 不起作用，请告诉我原因。

Answer 1

应该是：

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

或：

onPress={this.onButtonPress.bind(this)} // bind in constructor for better performance

或：

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

另外，您的 navigateToScreen 有一个额外的参数级别：

navigateToScreen = (route, options) => {