column span of the item is incorrect

[NemoDream]

Current behavior

When overrideItemLayout is used to change the column span, the column span of the item is different, and the device screen direction is switched, the column span of the item is incorrect.
https://snack.expo.dev/@nemo0625/flashlist-screen-orientation-switch-bug

SVID_20230713_174937_1.mp4

Expected behavior

the column span of the item is normal.

To Reproduce

Just switch screen direction.

Platform:

• iOS
• Android

Environment

@shopify/flash-list 1.4.3

[adesugbaa]

I have the same issue - glitchy performance when numColumns > 1, and device rotated or window resized. 1st row typically has 2nd column missing, other times 2nd column overlaps 1st column.

Completely unusable.

[naqvitalha]

In case of orientation changes it's important to ensure that component updates. Also, clearing the layout cache will help. Use the following code with latest FlashList:

  const {height, width} = useWindowDimensions()
  useLayoutEffect(() => {
      flashListRef.current?.clearLayoutCacheOnUpdate();
  },[height > width])