enesozturk / react-native-hold-menu

📱 A performant, easy to use hold to open context menu for React Native powered by Reanimated 🚀
https://enesozturk.github.io/react-native-hold-menu/
MIT License
1.4k stars 91 forks source link

With `Expo-router`, `HoldItem` clicked moves the height of the header #101

Open KOWLOR opened 1 year ago

KOWLOR commented 1 year ago

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:

  1. Create a basic expo-router file based routing in /app create a _layout.tsx

    /app
    _layout.tsx
    index.tsx
  2. In _layout.tsx, create a basic that returns a navigation

    return (<>
    <Stack screenOptions={{ headerShown: true }}>
    <Stack.Screen name="index" options={{ headerLargeTitle: false }} />
    </Stack>
    </>
    )
  3. In index.tsx, use <HoltItem />

    <HoldItem
    activateOn="tap"
    disableMove
    items={[ 
    { text: 'Reply', onPress: () => {} },
    { text: 'Edit', onPress: () => {} },
    { text: 'Delete', onPress: () => {} },
    ]}>
    <Text>My Action</Text>
    </HoldItem>
  4. 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.

fukemy commented 1 year ago

everyone has leaved this lib

albertpco commented 1 year ago

@fukemy theres no other good libs that work with expo, v sad lol