在响应导航上动态添加更多屏幕到stackNavigator

Question

嗨，我正在尝试创建一个堆栈导航，以相互导航用户的个人资料页面。例如，用户转到Jake的个人资料，然后从该个人资料上点击Ellen的个人资料链接，然后转到那里，再到Tom的个人资料，依此类推...就像instagram个人资料导航一样。

您认为通过React导航和React Native可以实现吗？

Answer 1

您可以创建一个名为Profile的路线，该路线根据传递给它的导航道具来呈现数据。有了这种解释，您更有可能尝试这样做；

this.props.navigation.navigate("Profile", {profileData: ellenProfile})

但是，呼叫navigation.navigate无效。您可以这样叫navigation.push as mentioned in the docs：

this.props.navigation.push("Profile", {profileData: ellenProfile})

这将把“配置文件”选项卡推到堆栈的顶部，即使您当前以Profile作为数据jakeProfile处于ellenProfile，也可以实现您正在寻找的东西。 / p>