react-native - React Native：在 screenOptions 中使用状态

Question

我正在尝试构建一个编辑模式切换，但在尝试处理实际切换时有点卡住。

简单设置如下：

const CrewAddEditScreen = (props) => {
    const [isEditMode, setIsEditMode] = useState(false);
    ...

我想通过这样的标题按钮来处理切换：

export const screenOptions = (navData) => {
  return {
    headerRight: () => (
      <HeaderButtons HeaderButtonComponent={HeaderButton}>
        <Item
          title="Edit"
          iconName="md-create"
          onPress={() => {
            isEditMode ? setIsEditMode(false) : setIsEditMode(true);
          }}
        />
      </HeaderButtons>
    ),
  };
};

但目前我收到“找不到变量：isEditMode”错误。在这种情况下如何访问它？提前致谢。

标签： react-nativereact-navigation