在 React 组件文件中访问 Header

Question

有人可以帮助解决如何从 react-navigation-6 中的实际组件访问 header 吗？我正在尝试根据组件中的一些数据设置标题：示例：如何访问此 A.js 文件

A.js
const A = (props)=>{
       return <Text>Hello World</Text>
}
export default A

谢谢

Answer 1

您可以像下面这样使用navigation.setOptions

const A = (props)=> {
  useEffect(() => props.navigation.setOptions({title: 'new title'}), []);
  return <Text>Hello World</Text>
}
export default A

Accessing Header inside react Component file