Reverse a list view in Native

0
I'm trying to reverse the entire list view in Native. I want new items to be on the bottom, and load more items if I scroll to the top. I was able to get this exact behavior in Responsive Web using flex-direction: column-reverse to the list view widget. If I apply flexDirection: 'column-reverse' to the native list view however, the list view loses the ability to scroll and is stuck somewhere towards the bottom of the view.   How can I achieve this?
asked
2 answers
0
export const reverseList = {
    container: {
        display: 'flex',
        flexDirection: 'column-reverse'
    }
}

This should do the trick. Also reverse the sort order on the list view so the correct items show up at the bottom.

answered
0

I have found the answer:

export const columnReverse = {
    container: {
        display: 'block'
    },
    listItem: {
        display: 'block',
        transform: 'rotate(180deg)'
    },
    container: {
        transform: 'rotate(180deg)'
    }
}

It is a little scuffed, and it moves the scroll bar to the left, but that can also be fixed, and it does what I want.

answered