reactjs - 在 react 导航上动态添加更多屏幕到 stackNavigator

Question

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

您认为这可以通过 react 导航和 react native 来实现吗？

Answer 1

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

this.props.navigation.navigate("个人资料", {profileData: ellenProfile})

但是，调用 navigation.navigate 不起作用。你可以做的是调用 navigation.push as mentioned in the docs像这样:

this.props.navigation.push("个人资料", {profileData: ellenProfile})

这会将“个人资料”选项卡推送到堆栈顶部，即使您当前处于以 jakeProfile 作为数据的 个人资料，并且使用 ellenProfile ，实现您正在寻找的东西。