scrollTo was called before RecyclerListView was measured, please wait for the mount to finish

[ranveerching]

I am getting "scrollTo was called before RecyclerListView was measured, please wait for the mount to finish" warning every single time on load.

Is there any way to wait for recyclerview load or is there any kind of onLoad/onLoadComplete method? Because my app is crashing because of this.

[R4m0nz3r4]

I'm using a FlashList as example, but it uses the RecyclerListView internally. I believe that something like this should fix the behavior:

const [isComponentReady, setComponentReady] = useState(false);
const flashListRef = useRef<FlashList<GenericList>>(null);

useEffect(() => {
  if (isComponentReady)
    flashListRef.current?.scrollToIndex({
      index,
      animated: true,
    });
}, [index]);

useEffect(() => {
  setComponentReady(true);
}, []);

[giantslogik]

Looking into the source code, i found two ways to avoid the error. (You only need one of these)

1. Set the layoutSize prop. (works great especially if your items are a fixed size.)
   layoutSize={{ height, width }}

2. Check if you can getLayout (and retry scroll if not)
   if (listRef.current?.getLayout(0) !== undefined) listRef.current?.scrollToIndex(i, false); else //....setup retry for later