diff --git a/CHANGELOG.md b/CHANGELOG.md index ef466a897..81d937fa0 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/src/FlashList.tsx b/src/FlashList.tsx index f4c7789d5..fa851f0db 100644 --- a/src/FlashList.tsx +++ b/src/FlashList.tsx @@ -667,6 +667,7 @@ class FlashList extends React.PureComponent< private getCellContainerChild = (index: number) => { return ( <> + {this.props.inverted ? this.separator(index) : null} extends React.PureComponent< > {this.rowRendererWithIndex(index, RenderTargetOptions.Cell)} - {this.separator(index)} + {this.props.inverted ? null : this.separator(index)} ); };