diff --git a/Libraries/Lists/VirtualizedList.js b/Libraries/Lists/VirtualizedList.js index 534e10783df..2abbfe27cda 100644 --- a/Libraries/Lists/VirtualizedList.js +++ b/Libraries/Lists/VirtualizedList.js @@ -1849,10 +1849,10 @@ class CellRenderer extends React.Component< ); const cellStyle = inversionStyle ? horizontal - ? [{flexDirection: 'row-reverse'}, inversionStyle] - : [{flexDirection: 'column-reverse'}, inversionStyle] + ? [styles.rowReverse, inversionStyle] + : [styles.columnReverse, inversionStyle] : horizontal - ? [{flexDirection: 'row'}, inversionStyle] + ? [styles.row, inversionStyle] : inversionStyle; if (!CellRendererComponent) { return ( @@ -1907,6 +1907,15 @@ const styles = StyleSheet.create({ horizontallyInverted: { transform: [{scaleX: -1}], }, + row: { + flexDirection: 'row', + }, + rowReverse: { + flexDirection: 'row-reverse', + }, + columnReverse: { + flexDirection: 'column-reverse', + }, debug: { flex: 1, },