fix: item separator with inverted flashlist (#1048)

* fix: item separator with inverted flashlist

* chore: add changelog

---------

Co-authored-by: Talha Naqvi <naqvitalha@gmail.com>

CHANGELOG.md

@@ -7,6 +7,8 @@ and adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 
+- Fix `ItemSeparatorComponent ` position for the `inverted` flashlist
+  - https://github.com/Shopify/flash-list/pull/1046
 - Do not show render size unsuable warning in better layout changes
   - https://github.com/Shopify/flash-list/pull/1092
 

src/FlashList.tsx

@@ -667,6 +667,7 @@ class FlashList<T> extends React.PureComponent<
   private getCellContainerChild = (index: number) => {
     return (
       <>
+        {this.props.inverted ? this.separator(index) : null}
         <View
           style={{
             flexDirection:
@@ -677,7 +678,7 @@ class FlashList<T> extends React.PureComponent<
         >
           {this.rowRendererWithIndex(index, RenderTargetOptions.Cell)}
         </View>
-        {this.separator(index)}
+        {this.props.inverted ? null : this.separator(index)}
       </>
     );
   };