javascript - 如何将引用传递到NavigationBar routeMapper(React Native)的变量中？

以下是UPDATED代码-我正尝试从https://github.com/root-two/react-native-drawer实现react-native-drawer，并且我传递给NavigationBarRouteMapper的变量正确记录了openDrawer（）函数，但是当单击左侧导航按钮时，它什么也没做：

class practice extends Component {
...

  openDrawer(){
    this._drawer.open()
  }

  render() {
    return (
  <Drawer
    content={<DrawerPanel/>}
    openDrawerOffset={100}
    ref={(ref) => this._drawer = ref}
    type='static'
    tweenHandler={Drawer.tweenPresets.parallax}
  >
        <Navigator
          configureScene={this.configureScene}
          initialRoute={{name: 'Start', component: Start}}
          renderScene={this.renderScene}
          style={styles.container}
          navigationBar={
            <Navigator.NavigationBar
              style={styles.navBar}
              routeMapper={NavigationBarRouteMapper(this.openDrawer)}
            />
          }
        />
  </Drawer>
    );
  }
}

var NavigationBarRouteMapper = openDrawer => ({
  LeftButton(route, navigator, index, navState){
      return(
          <TouchableHighlight onPress={()=>{openDrawer}}>
              <Text>Open Menu</Text>
          </TouchableHighlight>
      )
    }
  },...

是什么原因导致抽屉无法打开？似乎一切都已正确实施。

最佳答案

您的问题与testingString变量的范围有关。当您console.log(this.testingString)时，this指向NavigationBarRouteMapper函数返回的对象。您尚未在此对象上设置testingString变量，因此它将返回未定义。

要获取以这种方式传递给函数的变量，只需使用testingString，而不是this.testingString。

编辑有关openDrawer函数

您正在传递一个返回openDrawer函数而不是调用它的函数。您需要通过onPress={openDrawer}或onPress={() => openDrawer()}作为道具。