search

microsoft / react-native-windows

A framework for building native Windows apps with React.
https://microsoft.github.io/react-native-windows/
Other
16.26k stars 1.14k forks source link

Inverted order FlatList with horizontal layout displaying incorrectly on Fabric app #12763

Open Yajur-Grover opened 7 months ago

Yajur-Grover commented 7 months ago

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 commented 7 months ago

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}
/>
chrisglein commented 7 months ago

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.