对屏幕内的导航器使用React导航？

Question

在我的react原生应用程序中，我有一个堆栈导航器：

const AppStack = createStackNavigator(
  {
    Tabs: AppTabs,
    Account: AccountScreen,
    Profile: ProfileScreen,
    Post: PostScreen,
  },
);

ProfileScreen包含一些标题内容和另一个TabNavigator，其布局类似于您在Youtube中单击频道时的布局：

const ProfileTabs = createMaterialTopTabNavigator(
  {
    Home: ProfileHome,
    Posts: ProfileMade,
  },
);

const ProfileNav = createAppContainer(ProfileTabs);

class ProfileScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1 }}>
        <View>Some header content</View>
        <ProfileNav />
      </View>
    );
  }
}

我的问题是，我无法从ProfileTabs导航器内部导航到原始stacknavigator中的屏幕。例如，如果用户点击ProfileMade屏幕上的帖子，我希望将他们导航到PostScreen。

有没有人能告诉我应该改些什么？谢谢

Answer 1

您可以导航到另一个堆栈，在.navigate()方法上发送堆栈的名称：

navigation.navigate('StackName', {
  screen: 'YourScreenName'
});