导航 v5 React Native

Question

我对 React Native Navigations v5 有一些疑问

我的主函数中有一个子函数。我也有 screenOption = (navData) 函数来自定义我的导航，这里有几个 header 按钮，这是我的主要功能。我的问题现在我不确定如何从我的 screenOption = (navData) 访问位于我的主要功能中的子功能。例如当点击 header Button 上的图标时，它会触发 dispatch 函数来存储位于 main 函数中的内容。

const mainfunction = (props) =>{

subfunction = async(data) =>{
dispatch(action.delete(data)
}

return ()

}

export const screenOptions = (navData) => {
Item
          title="Delete"
          iconName={
            Platform.OS === "android" ? "md-create" : "ios-trash-outline"
          }
          onPress={() => {
            trigger subfunction here 
          }}
        />
}

Answer 1

尝试创建自定义按钮并使用 setOptions

添加组件

React.useLayoutEffect(() => {
navigation.setOptions({
  headerRight: () => <CustomHeaderButton onPress={customOnPress} />
});
}, []);