react-native-hold-menu
react-native-hold-menu copied to clipboard
With `Expo-router`, `HoldItem` clicked moves the height of the header
Describe the bug
Using Expo-router, <HolItem /> translates on the Y axis the height if a header of a <Stack />, even if the prop disabledMove is set.
To Reproduce Steps to reproduce the behavior:
- Create a basic expo-router file based routing in
/appcreate a_layout.tsx
/app
_layout.tsx
index.tsx
- In
_layout.tsx, create a basic <Stack /> that returns a navigation
return (<>
<Stack screenOptions={{ headerShown: true }}>
<Stack.Screen name="index" options={{ headerLargeTitle: false }} />
</Stack>
</>
)
- In
index.tsx, use<HoltItem />
<HoldItem
activateOn="tap"
disableMove
items={[
{ text: 'Reply', onPress: () => {} },
{ text: 'Edit', onPress: () => {} },
{ text: 'Delete', onPress: () => {} },
]}>
<Text>My Action</Text>
</HoldItem>
- Click on
My Action, this text will translate on Y axis to a distance that is equal to the header's height.
Expected behavior
The My Action text should not move.
Additional context
There is no move by setting headerShown: false in the <Stack />, but I need that header.
everyone has leaved this lib
@fukemy theres no other good libs that work with expo, v sad lol