react-native-hold-menu icon indicating copy to clipboard operation
react-native-hold-menu copied to clipboard

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

Open KOWLOR opened this issue 2 years ago • 2 comments

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
  1. In _layout.tsx, create a basic <Stack /> that returns a navigation
return (<>
  <Stack screenOptions={{ headerShown: true }}>
    <Stack.Screen name="index" options={{ headerLargeTitle: false }} />
  </Stack>
</>
)
  1. In index.tsx, use <HoltItem />
<HoldItem
  activateOn="tap"
  disableMove
  items={[ 
    { text: 'Reply', onPress: () => {} },
    { text: 'Edit', onPress: () => {} },
    { text: 'Delete', onPress: () => {} },
  ]}>
  <Text>My Action</Text>
</HoldItem>
  1. 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.

KOWLOR avatar May 29 '23 08:05 KOWLOR

everyone has leaved this lib

fukemy avatar Jun 13 '23 02:06 fukemy

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

albertpco avatar Jul 17 '23 16:07 albertpco