onPress绑定多函数失效：navigateToScreen无法正常工作求助

我来帮你排查下代码里的问题，这几个细节导致navigateToScreen没法正常工作：

1. navigateToScreen的参数与调用逻辑问题 #

你的navigateToScreen是一个返回函数的高阶函数，但目前它只接收route一个参数，你调用时传递的第二个参数{ isStatusBarHidden: false }根本没被用到；而且最关键的是：你调用this.navigateToScreen(...)后，并没有执行它返回的导航函数！

如果需要传递额外参数，得先修改navigateToScreen让它支持参数传递：

navigateToScreen = (route, params) => () => {
  const navigateAction = NavigationActions.navigate({ 
    routeName: route,
    params: params // 新增参数传递逻辑
  });
  this.props.navigation.dispatch(navigateAction);
}

2. onButtonPress里的调用遗漏 #

在onButtonPress中，你需要执行navigateToScreen返回的函数，也就是要在调用后加个()：

onButtonPress() {
  // 加()执行返回的导航函数
  this.navigateToScreen('Home', { isStatusBarHidden: false })();
}

3. onPress事件的语法错误与绑定问题 #

你的onPress写法有两处明显错误：

• 缺少闭合的大括号和括号，导致语法报错
• this.onButtonPress.bind(this)只是返回绑定后的函数，但没有执行它

推荐两种正确写法：

写法一：提前在构造函数绑定（性能更优） #

在组件构造函数里提前绑定onButtonPress，避免每次render重复创建函数：

constructor(props) {
  super(props);
  this.onButtonPress = this.onButtonPress.bind(this);
}

然后onPress直接传函数引用：

<TouchableOpacity style={styles.menuItem} onPress={this.onButtonPress}>

写法二：直接在箭头函数里执行绑定后的函数 #

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

修复后的完整代码片段 #

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

constructor(props) {
  super(props);
  this.onButtonPress = this.onButtonPress.bind(this);
}

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

render() {
  return (
    <View style={styles.container}>
      <TouchableOpacity style={styles.menuItem} onPress={this.onButtonPress}>
        {/* 你的按钮内容 */}
      </TouchableOpacity>
    </View>
  )
}

另外，如果只是想在onPress里执行多个函数，其实可以直接在箭头函数里依次调用，逻辑更直观：

<TouchableOpacity 
  style={styles.menuItem} 
  onPress={() => {
    // 先执行其他函数
    this.someOtherFunction();
    // 再执行导航函数
    this.navigateToScreen('Home', { isStatusBarHidden: false })();
  }}
>

内容的提问来源于stack exchange，提问作者Shun Yamada