From 563f92f6187d1f3de87a5c1f7d76e37bb0f99027 Mon Sep 17 00:00:00 2001 From: Mark Rickert Date: Thu, 5 Oct 2023 16:51:05 -0600 Subject: [PATCH] fix: Get FlashList working in new architecture using interop layer iOS seems to have problems with flashlist using interop, but android seems to work just fine. --- boilerplate/react-native.config.js | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/boilerplate/react-native.config.js b/boilerplate/react-native.config.js index cb15a3f6c..1821360fc 100644 --- a/boilerplate/react-native.config.js +++ b/boilerplate/react-native.config.js @@ -5,4 +5,18 @@ module.exports = { // packages, you can add them to the referenced path below and uncomment this line. // "./assets/fonts/" ], + + // This prevents FlashList from rendering a large red box. + // See: https://github.com/reactwg/react-native-new-architecture/discussions/135 + // Remove when FlashList fully supports the new architecture. + // https://github.com/Shopify/flash-list/pull/550 + // + project: { + android: { + unstable_reactLegacyComponentNames: ["CellContainer", "AutoLayoutView"], + }, + ios: { + unstable_reactLegacyComponentNames: ["CellContainer", "AutoLayoutView"], + }, + }, }