react-native-actions-sheet icon indicating copy to clipboard operation
react-native-actions-sheet copied to clipboard

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

Open captainPrime opened this issue 7 months ago • 0 comments

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.

captainPrime avatar Mar 08 '25 10:03 captainPrime