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",