Question

我创建一个NavigationService.js文件来处理导航：

import { NavigationActions } from 'react-navigation';

let _navigator;

function setTopLevelNavigator(navigatorRef) {
  _navigator = navigatorRef;
}

function navigate(routeName, params) {
  _navigator.dispatch(
    NavigationActions.navigate({
      routeName,
      params,
    })
  );
}

// add other navigation functions that you need and export them

export default {
  navigate,
  setTopLevelNavigator,
};

然后，我有一个名为“用户”的页面，其中有一个TouchableOpacity，应导航到UserDetails.js页面。 Users.js：

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

goToUserDetails() {
    console.log('Here');
    NavigationService.navigate('UserDetails');
}
...
<TouchableOpacity onPress={() => this.goToUserDetails()}>
...

当我单击onPress链接时，我可以在日志中看到文本“此处”，但是它从未导航到“用户详细信息”页面。

我想念什么吗？

谢谢

反应本机导航不适用于TouchableOpacity onPress

0 个答案: