From afdbb86f8cb1ada3b7c72f7f45b9c6941ca5d9eb Mon Sep 17 00:00:00 2001
From: Maxence Henneron <maxence.henneron@icloud.com>
Date: Tue, 7 Apr 2026 13:17:33 -0700
Subject: [PATCH 1/2] fix: add missing style mapping on flatlist

---
 src/components/FlatList.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/FlatList.tsx b/src/components/FlatList.tsx
index aafb7aad..06fe3d29 100644
--- a/src/components/FlatList.tsx
+++ b/src/components/FlatList.tsx
@@ -10,6 +10,7 @@ import {
 import { copyComponentProperties } from "./copyComponentProperties";
 
 const mapping: StyledConfiguration<typeof RNFlatList> = {
+  className: "style",
   ListFooterComponentClassName: "ListFooterComponentStyle",
   ListHeaderComponentClassName: "ListHeaderComponentStyle",
   columnWrapperClassName: "columnWrapperStyle",

From 95e9ee74d563d1219fa99343b0c6061125576c76 Mon Sep 17 00:00:00 2001
From: Maxence Henneron <maxence.henneron@icloud.com>
Date: Tue, 7 Apr 2026 13:29:53 -0700
Subject: [PATCH 2/2] fix: add test for missing className

---
 .../native/className-with-style.test.tsx          | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/__tests__/native/className-with-style.test.tsx b/src/__tests__/native/className-with-style.test.tsx
index c27875fc..ea9af8ed 100644
--- a/src/__tests__/native/className-with-style.test.tsx
+++ b/src/__tests__/native/className-with-style.test.tsx
@@ -99,6 +99,21 @@ test("View with multiple className properties where inline style takes precedenc
   ]);
 });
 
+test("FlatList: className should map to style", () => {
+  registerCSS(`.bg-red { background-color: red; }`);
+
+  const component = render(
+    <FlatList
+      testID={testID}
+      data={[]}
+      renderItem={() => null}
+      className="bg-red"
+    />,
+  ).getByTestId(testID);
+
+  expect(component.props.style).toStrictEqual({ backgroundColor: "#f00" });
+});
+
 /**
  * Tests for style={undefined} not destroying computed className styles.
  *