Javascript 反应导航x5抽屉标题，触摸不透明度不工作

我有一个应用程序，它有一个标题，中间有徽标，左侧有一个开始按钮，右侧有一个打开抽屉的按钮

我的问题是标题按钮。它们不起作用，我尝试过各种选择，但仍然不起作用

这是我的代码，您可以查看：

function GotoHome(navigation){
  const scheme = useColorScheme();
  return (
    <TouchableOpacity style={{backgroundColor:'red'}}  onPress={()=> { navigation.navigate('Inicio')}} >
      <Icon 
        name ={"home"} 
        style={{paddingLeft:15}}
        size={35} 
        color={scheme ==='dark' ? 'white' : '#36add9'} 
      />
    </TouchableOpacity>
  )
}

function OpenDrawer(props){
  const scheme = useColorScheme();
  return(
    <TouchableOpacity style={{backgroundColor:'red'}} onPress={() => props.navigation.dispatch(DrawerActions.toggleDrawer())}>
      <Icon name={"menufold"} style = {{paddingRight:20, marginTop:2}} size={32} color={scheme ==='dark' ? 'white' : '#36add9'} />
    </TouchableOpacity>
  )
}

功能GotoHome（导航）{
const scheme=useColorScheme（）；
返回(
{navigation.navigate（'Inicio'）}>
)
}
功能开放抽屉（道具）{
const scheme=useColorScheme（）；
返回(
props.navigation.dispatch（DrawerActions.toggleDrawer（））}>
)
}

这里我传递两个函数：

  <Drawer.Navigator 
    drawerContent={(props)=> <Menu {...props}/> }
    initialRouteName='Inicio'
    drawerPosition='right'
    screenOptions={{
      headerRight:(props)=>(
        <OpenDrawer/>
      ),
      headerLeft:()=>(
        <GotoHome/>
      ),
      headerShown: true,
      headerTitle: (props) => (
        <Image
            resizeMode='center'
            style={{width: 210, height: 80, marginLeft:20 , resizeMode: 'contain'}}
            source={logoimagen}
        />

}
initialRouteName='Inicio'
抽屉位置：'右'
屏幕选项={{
头灯：（道具）=>(
),
标题左侧：（）=>(
),
校长：是的，
标题：（道具）=>(

我希望你能帮助我，并提前感谢：）