Invariant Violation: scrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed, otherwise there is no way to know the location of offscreen indices or handle failures.

Invariant Violation: scrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed, otherwise there is no way to know the location of offscreen indices or handle failures.

Comment

1

<FlatList ref={fListRef} onScrollToIndexFailed={info => { const wait = new Promise(resolve => setTimeout(resolve, 700)); wait.then(() => { fListRef.current?.scrollToIndex({ index: info.index, animated: true/false }); }); }} /> https://github.com/facebook/react-native/issues/14198

Popularity 8/10 Helpfulness 10/10 Language whatever

Source: github.com

Tags: handle indices location off-screen scrolltoindex whatever

Share

Link to this answer
Share Copy Link

Contributed on Jun 30 2021

Singh99

0 Answers  Avg Quality 2/10

---

Closely Related Answers

scrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed, otherwise there is no way to know the location of offscreen indices or handle failures

Comment

1

const flatList = useRef<FlatList>(null); ... <FlatList ref={flatList} initialScrollIndex={props.activeIndex} onScrollToIndexFailed={info => { const wait = new Promise(resolve => setTimeout(resolve, 500)); wait.then(() => { flatList.current?.scrollToIndex({ index: info.index, animated: true }); }); }} />

Popularity 7/10 Helpfulness 7/10 Language whatever

Source: stackoverflow.com

Tags: handle indices loca

Share

Link to this answer
Share Copy Link

Contributed on Nov 25 2022

mukashwasti_

0 Answers  Avg Quality 2/10

---