我有一个嵌套在标签导航器(RecipesTab
中的堆栈导航器(NavBar
),并且我试图隐藏RecipeSite
上的标签栏。我当前的解决方案是将showTabBar
传递到树上,但是我无法设置NavBar
中RecipesTab
的导航参数。想知道是否可能以某种方式从this.props.navigation.setParams({...})
导航器调用RecipesTab
或以另一种方式将参数从NavBar
传递到RecipesTab
。
//class RecipeList...
//class IngredientsTab...
class RecipeSite extends Component {
render() {
this.props.navigation.setParams({showTabBar: false});
return;
}
}
const RecipesTab = createStackNavigator(
{
Main: {
screen: RecipeList,
},
Site: {
screen: RecipeSite,
}
},
{
initialRouteName: 'Main',
}
);
export default NavBar = createBottomTabNavigator(
{
Recipe: {
screen: RecipesTab,
navigationOptions: ({ navigation }) => ({
tabBarVisible: navigation.getParam('showTabBar', true)
}),
},
Ingredient: {
screen: IngredientsTab,
}
},
);`
基本上,我只是想将数据从RecipesTab
发送到NavBar
。