javascript - react native : can't a method be used from 'routeMapper' ?

Question

我正在使用 https://github.com/root-two/react-native-drawer 的 React Native Drawer |

我试图通过将变量传入 NavigationBarRouteMapper 来调用方法 openDrawer()。我尝试在 NavigationBarRouteMapper 中登录，它记录了正确传入的变量。但是当它在 NavigationBarRouteMapper 内部使用时，通过单击“打开抽屉”的左导航按钮，它不会执行任何操作:

class drawerPractice 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>
      )
    }
  },...

为什么可能是这个问题？

Answer 1

在您的 constructor() 方法中添加:this.openDrawer = this.openDrawer.bind(this);

您可能在错误的范围内使用了 this。