gluestack

gluestack Logogluestack

Gluestack Themed Menu not rendering well on android (works on iOS)

peacock4 posted this in #support
Open in Discord
Avatar
peacock4OP
See screenshots -

Menu isn't rendering correctly on Android, but renders perfectly on iOS.

Code to render the menu:

import { Menu, MenuItem, MenuItemLabel } from "@gluestack-ui/themed";


<Menu
                selectionMode="single"
                placement="bottom"
                closeOnSelect={true}
                trigger={({ ...triggerProps }) => {
                  return (
                    <TouchableOpacity {...triggerProps}>
                      <FontAwesome6 name="ellipsis" size={20} />
                    </TouchableOpacity>
                  );
                }}
              >
                <MenuItem
                  key="deleteObject"
                  textValue="Delete Inventory"
                  onPress={showDeleteAlert}
                >
                  <MenuItemLabel>Delete Inventory</MenuItemLabel>
                </MenuItem>
              </Menu>


Gluestack versions in package.json

    "@gluestack-style/react": "latest",
    "@gluestack-ui/config": "latest",
    "@gluestack-ui/overlay": "latest",
    "@gluestack-ui/themed": "latest",
    "@gluestack-ui/toast": "latest",
Image
Image

1 Reply