导航 v5 React Native

Question

我对 React Native Navigations v5 有一些疑问

我的主函数中有一个子函数。我还有用于自定义导航的 screenOption = (navData) 函数，并且这里有几个标题按钮，这超出了我的 Main 函数。我的问题现在我不确定如何从我的 screenOption = (navData) 访问位于我的 mainfunction 中的 subFunction。例如，当单击标题按钮上的图标时，它将触发调度函数存储位于主函数内部的哪个。

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} />
});
}, []);