Add ability to pass ItemSeparatorComponent as React element

ItemSeparatorComponent={<MySeparator/>} // new ability ItemSeparatorComponent={MySeparator} // for old version only this variant
facebook · Dec 13, 2021 · b2e7afb · b2e7afb
1 parent 20b0eba
commit b2e7afb
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/Libraries/Lists/VirtualizedList.js b/Libraries/Lists/VirtualizedList.js
@@ -2044,9 +2044,11 @@ class CellRenderer extends React.Component<
         : this.props.onLayout;
     // NOTE: that when this is a sticky header, `onLayout` will get automatically extracted and
     // called explicitly by `ScrollViewStickyHeader`.
-    const itemSeparator = ItemSeparatorComponent && (
-      <ItemSeparatorComponent {...this.state.separatorProps} />
-    );
+    const itemSeparator = React.isValidElement(ItemSeparatorComponent)
+      ? ItemSeparatorComponent
+      : ItemSeparatorComponent && (
+          <ItemSeparatorComponent {...this.state.separatorProps} />
+        );
     const cellStyle = inversionStyle
       ? horizontal
         ? [styles.rowReverse, inversionStyle]