react-native - 反应原生屏幕不重定向

Question

我正在尝试从libraries一个屏幕导航到另一个Playlist屏幕。但是当我单击它没有重定向的按钮时，它仍然显示库屏幕！

注意：我将堆栈导航器嵌套到选项卡导航器中。

有人可以告诉我我做错了什么吗？

这是代码；

堆栈导航器

  const LibraryNav = createStackNavigator();

  return (
    <LibraryNav.Navigator headerMode="none">
      <LibraryNav.Screen name="LibraryScreen" component={LibraryScreen} />
      <LibraryNav.Screen name="PlaylistScreen" component={PlaylistScreen} />
      <LibraryNav.Screen name="AlbumsScreen" component={AlbumsScreen} />
    </LibraryNav.Navigator>
  );
};

Tabnavigator

      <Tab.Screen name="Music Library" component={withPlayer(LibraryNav)} />
      <Tab.Screen name="Saved" component={withPlayer(SongsScreen)} />
      <Tab.Screen name="Account" component={withPlayer(SettingsScreen)} />

LibrariesScreen

            <TouchableOpacity 
            onPress={()=>this.props.navigation.navigate('PlaylistScreen')}
            >
               <Text>Playlist Screen</Text>
            </TouchableOpacity>