react-native-windows icon indicating copy to clipboard operation
react-native-windows copied to clipboard

Inverted order FlatList with horizontal layout displaying incorrectly on Fabric app

Open Yajur-Grover opened this issue 1 year ago • 2 comments

On the FlatList example page in the Fabric app, the 'inverted order FlatList with horizontal layout' does not render as expected, compared to the current example on Paper, as shown below:

Fabric: image

Paper: image

Yajur-Grover avatar Feb 22 '24 23:02 Yajur-Grover

Sample component code for the example above - initial assumption that there's an issue with the inverted prop?:

<FlatList
   data={Data}
   renderItem={renderItem}
   keyExtractor={(item) => item.id}
   horizontal={true}
   inverted={true}
/>

Yajur-Grover avatar Feb 26 '24 18:02 Yajur-Grover

On UWP RNW we implemented this with a negative scale transform. Which... had quirks, but mostly got the job done. But we probably just need that same sort of fix for Fabric but haven't implemented it yet.

chrisglein avatar Feb 26 '24 18:02 chrisglein