Skip to content

Inverted FlashLists do not interact correctly with Sticky Item Headers #611

Open

Description

Current behavior

Sticky item headers, when using FlashList.inverted=true prop, show up on the bottom upside down. See the blue rectangle in the bottom right of image

Expected behavior

Ideally, there'd be a prop about headersAt='top'|'bottom' and we could specify that and you'd apply the scaleTransform -1 a second time on the headers and get them in the right place.

You can see how the app behaves more generally by looking at the currently-in-production FlatList-based version (see https://gluroo.com )

To Reproduce

Just use inverted prob with sticky headers.

Platform:

  • [ X ] iOS
  • [ X ] Android

Environment

1.2.2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    P1Important but not urgentbugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions