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

Dynamically add more screens to stackNavigator on react navigation

您好,我正在尝试创建一个堆栈导航来在彼此之上导航用户的个人资料页面。例如,用户转到 Jake 的个人资料,然后从该个人资料点击 Ellen 的个人资料 link,然后转到那里,然后从那里转到 Tom 的个人资料,依此类推...就像 instagram 个人资料导航一样。

您认为这可以通过 React Navigation 和 React Native 实现吗?

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

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

但是,调用 navigation.navigate 是行不通的。你可以做的是像这样调用 navigation.push as mentioned in the docs

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

这会将“配置文件”选项卡推到堆栈的顶部,即使您当前处于 ProfilejakeProfile 作为数据,ellenProfile,实现您正在寻找的内容.