react-native - 使用反应导航时，要从子组件中隐藏父组件标题按钮？

Question

堆栈导航是父项，标签导航是子项

当我按下“设置”选项卡时，我想隐藏按钮。

使用`react-navigation ver.5

请帮我。

孩子

const Tab = createBottomTabNavigator();

const Tabs = () => {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={Home} />
      <Tab.Screen name="Observatory" component={Observatory} />
      <Tab.Screen name="Search" component={Search} />
      <Tab.Screen name="Setting" component={Setting} />
    </Tab.Navigator>
  );
}

父母

const Stack = createStackNavigator();

export default App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen
          name="Tabs"
          component={Tabs}
          options={({ navigation, route }) => ({
            headerRight: () => (
              <Icon
                name="edit"
                size={30}
                color="#000"
                onPress={() => navigation.navigate('Template')}
              />
            ),
          })}
        />
        <Stack.Screen name="Template" component={Template} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

标签： react-nativereact-navigationreact-navigation-stack