fix: add missing style mapping on flatlist (#321)

* fix: add missing style mapping on flatlist

* fix: add test for missing className

Author: maxencehenneron

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.
  *

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",