在反应导航上向 stackNavigator 动态添加更多屏幕

Question

嗨，我正在尝试创建一个堆栈导航来导航用户的个人资料页面。例如，用户转到 Jake 的个人资料，然后从该个人资料中点击 Ellen 的个人资料链接，然后转到那里，然后再转到 Tom 的个人资料等等......就像 Instagram 个人资料导航一样。

你认为这可以通过反应导航和反应原生来实现吗？

Answer 1

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

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

但是，调用navigation.navigate不起作用。您可以做的是像这样navigation.push 的文档中提到的那样调用：

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

这会将 Profile 选项卡推到堆栈顶部，即使您当前Profile使用jakeProfileas 数据，使用ellenProfile，实现您正在寻找的内容。