Реагировать на встроенную навигацию, не работающую с TouchableOpacity onPress

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,
};

Затем у меня есть страница с именем Users, где у меня есть 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, я вижу в журнале текст «Здесь», но он никогда не переходит на страницу UserDetails.

Ячто-то упустил?

Спасибо