如何在react navigaton 6中的组件内部动态设置标题

Question

CategoryMealScreen.navigationOptions = navigationData => {
const catId = navigationData.navigation.getParam('categoryId');
const selectedCategory = CATEGORIES.find(cat => cat.id === catId);
return {
headerTitle: selectedCategory.title
};
};

以上内容与组件内部的react导航4配合使用效果良好。但它不适用于react导航6。我想在组件内部使用这个，而不是在导航器上"navigationOptions"；在版本6中不可用；选项"；但这也没有奏效。我想在组件内部动态设置标题。请帮忙。

Answer 1

您可以在最新的react导航中使用navigation.setOptions，并更改其中的title参数，如下所示：

useEffect(()=>{
props.navigation.setOptions({ title: "Title"})
},[])

在要使用的组件内部执行此操作。