Skip to content

FlashList in react-native-actions-sheet lacks scrollToIndex and other scroll functions #420

Open
@captainPrime

Description

@captainPrime

Description:

Hi, thanks for the great work on this library!

I'm trying to use FlashList inside react-native-actions-sheet, but it seems that the exposed ref does not provide scrollToIndex or other scroll functions that FlashList from @shopify/flash-list typically supports.

What I'm Trying to Achieve
I need to programmatically scroll to a specific index in the FlashList when a certain condition is met. Normally, with FlashList, I would do something like this:

const listRef = useRef<FlashList<any>>(null);

const scrollToItem = () => {
  listRef.current?.scrollToIndex({ index: 5, animated: true });
};

<FlashList
  ref={listRef}
  data={data}
  renderItem={({ item }) => <ItemComponent item={item} />}
  estimatedItemSize={50}
/>;

Question
Is there a recommended way to expose scrollToIndex or similar scrolling functions when using FlashList inside react-native-actions-sheet?
Would this require a workaround, or is this a limitation due to how refs are passed down in the library?
Any guidance or fixes would be appreciated! Thanks in advance.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions