gpt4 book ai didi

react-native - React Navigation 将参数传递给嵌套的 stackNavigator

转载 作者:行者123 更新时间:2023-12-04 05:05:30 24 4
gpt4 key购买 nike

在 react navigation 3.0 中,他们添加了将默认参数传递给屏幕的功能。问题是我想将这些参数传递给嵌套的 stackNavigator,但我不知道该怎么做。
这些是我的导航器:
MainDrawer.js:

    const MyDrawerNavigator = createDrawerNavigator({
Anime: {
screen: SerieNavigation,
params: { type: "anime" },
path: "anime/:anime"
},
Tv: {
screen: SerieNavigation,
params: { type: "tv-show" },
path: "tv/:tv"
},
Film: {
screen: SerieNavigation,
params: { type: "film" },
path: "film/:film"
}
});

const AppContainer = createAppContainer(MyDrawerNavigator);

export default AppContainer;

SerieNavigation.js:
    const SerieStack = createStackNavigator(
{
Content: {
screen: SearchScreen,
params: { type: "anime" } //<-- HERE I WOULD LIKE TO DO SO params: { type: props.navigation.state.params.type }
},
Serie: SearieScreen,
Episode: EpisodePage
},
{
headerMode: "none",
navigationOptions: {
headerVisible: false
}
}
);

SerieStack.defaultNavigationOptions = {};
export default SerieStack;

任何帮助表示赞赏。

最佳答案

要访问 parent 的 Prop ,您可以使用 this.props.navigation.dangerouslyGetParent().getParam('type');现在您可以访问父级的任何 Prop 。

编辑:

不确定这是否适用于 react-navigation v5 但试试看

关于react-native - React Navigation 将参数传递给嵌套的 stackNavigator,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53483599/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com