Thanks to visit codestin.com
Credit goes to github.com

Skip to content

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

@KOWLOR

Description

@KOWLOR

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 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions