Please update react native to v0.78.0 and provide New Arch Support.

[AjayFrancisTechversant]

There is a very noticeable delay while navigating to a screen having a Flash-list component(heavy component). I'm using RNv0.78.0 and new Arch enabled. This delay occurred only when I switched to new arch. There were no issues in old arch. Please update the react-native dependency v0.78.0. Also, Text Inputs inside the Flashlist gets unresponsive (only in release build, not in debug mode).

Current behavior

Lag experienced while navigating to a heavy flashlist component and Text Inputs items are unresponsive.

Expected behavior

There should be no lag and Text Inputs should be responsive.

To Reproduce

create a Flash List with multiple heavy components in render Item and try to navigate to this Flashlist component

Screen_Recording_WhiteScreen.mp4

using createStackNavigator from '@react-navigation/stack';

Platform:

• Android

Environment

1.7.6

[ralppppy]

Yes the current status of the package in the release build is broken in react native v0.78. numColumns is broken, not scrolling all the way down, and there is weird random large spacing between items, etc.

[IZO-420]

Same here after Updating react-native to v0.78. I started to get performance issues rows disappear after scrolling, specially when the list get larger due to pagination. the behavior wasn't appearing before updating react-native

[lh9403]

The same issue is that MasonryFlashList and FlashList cannot scroll to the bottom and have spacing problems when using numColumns

[naqvitalha]

We're working to optimize FlashList for the new arch. I tested the current FlashList and I'm not seeing any obvious issues with our samples on 0.78. Can you folks record some other videos and show the behaviour. I'll dig deeper anyway.

[AjayFrancisTechversant]

We're working to optimize FlashList for the new arch. I tested the current FlashList and I'm not seeing any obvious issues with our samples on 0.78. Can you folks record some other videos and show the behaviour. I'll dig deeper anyway.

I think Flashlist should be optimised when it is used with @react-navigation/stack. Please check on it

[hemantasapkota]

Flash List breaks on Android after upgrading to RN 0.72.8 (iOS is fine). On screens like the one below, only the first list item responds to touch -- others don’t. See the recording.

screen-20250405-221124.mp4

[t4dek]

@naqvitalha here is my example how list behaves during scrolling. react-native version is 0.78.2 with new arch enabled.
"@shopify/flash-list": "^1.8.0",
Before updating to new arch it worked fine

20250409_01.1.mp4

[itsmuntadhar]

in RN 0.78.0+, we found RN's flat-list to be way better than before so we went back. at least until we face issues and Flastlist is updated to support 0.78.0+ and Fabric

[hannojg]

The issues are reproducible in the react-native fixture. You have to build from this branch in release mode in order to reproduce:

• RN 0.78 new arch reproduction issues #1654

I am looking into how this can be fixed now. My questions to the maintainer is though: Do you intend to add proper new arch support to v1, or is that something that you only want to add in v2?

[naqvitalha]

Folks, I did get the issue on RN 0.78. I've tested with RN 0.79 and the issues have been resolved. I'd highly recommend jumping to 0.79. Please let us know if you find issues with RN 0.79.

[Prajwaltechversant]

Hi @naqvitalha
Issue: White Space Between Items When Scrolling Large Items in FlashList on React Native 0.79.3
Environment:

React Native version: 0.79.3 new architecture

FlashList version: Latest pre-release and previous versions

Platform: [iOS / Android / Both]

Description:
When rendering large (tall/heavy) items inside FlashList’s renderItem, white spaces intermittently appear between items while scrolling. This happens consistently on React Native 0.79.3 and the latest FlashList pre-release versions. The gaps break the smoothness and continuity of the list.

Steps to Reproduce:

Create a FlashList with a large number of items.

Use complex or tall components as renderItem content (large items).

Scroll the list vertically at various speeds.

Notice white gaps appearing between the large items.

Expected Behavior:
FlashList should render large items back-to-back with no white space or gaps during scrolling, maintaining visual continuity.

Actual Behavior:
White space appears between large items intermittently while scrolling, causing a visual break in the list.

Additional Notes:

Issue occurs even with the latest FlashList pre-release and React Native 0.79.3.

Large item height or complexity might be a contributing factor.

No custom virtualization or unusual layout logic applied.

Likely related to FlashList’s handling of item measurement or recycling for large items

[AjayFrancisTechversant]

Hi @Prajwaltechversant , Im also facing the same issue. Hey @naqvitalha , Please provide a solution. We are stuck here🤯

[naqvitalha]

@Prajwaltechversant Can you create an expo snack with a repro? I'm not seeing the issue even with tall items. Also, duplicate keys in keyExtractor can also lead to gaps.

[Prajwaltechversant]

Hi @naqvitalha ,
Please check this #1751