从 GlueStack 中的菜单打开模态框

Question

我正在使用 GlueStack 开发一个项目，我正在尝试实现一个功能，其中单击菜单项应打开一个模式。我查看了文档，但找不到有关如何实现此目标的明确示例或指南。

我尝试过这个但不起作用。

  onClick: () => void;
}

const MenuConten: React.FC<ButtonProps> = ({ onClick }) => {
  return (
    <DesMenu>
      <MenuItem onPress={onClick}>
        <Icon as={Pencil} size="sm" mr="$2" />
        <MenuItemLabel size="sm" onPress={onClick}>
          Editar
        </MenuItemLabel>
      </MenuItem>
      <MenuItem>
        <Icon as={Trash2} size="sm" mr="$2" color="red" />
        <MenuItemLabel size="sm" color="red">
          Eliminar
        </MenuItemLabel>
      </MenuItem>
    </DesMenu>
  );
};

export default MenuConten;````

I need each option of the menu to open a different modal.

Could someone please provide a step-by-step guide or code snippet on how to open a modal from a menu in GlueStack? Any insights or examples would be greatly appreciated. Thank you!

Answer 1

您可以使用道具

selectionMode="single"

和

onSelectionChange

回调来打开模态框。以下是相同的示例。

https://snack.expo.dev/@sacontrack/multiple-modal。