React-native-gifted-chat: Messages show from the top - strange behavior

[niros001]

Hi i use RN v0.44 and gifted-chat v0.3.0
when i used the v0.2.7 i used that parameter:

listViewProps={{
                    removeClippedSubviews: false,
                    contentContainerStyle: { 'flexGrow': 1, 'justifyContent': 'flex-end' }
                }}

to show all the messages from the top and it looks perfect.
After i upgrade to v0.3.0 i can see all the messages from the top but the height is in the size of the screen for example:
If i have 2 messages i have "margin" or something between them and i see one message on the top and one message on the bottom, if i have 3 messages i have the same with another message in the middle, and so on...

[dtuan]

I think this is due to the change on "react-native-invertible-scroll-view":
https://github.com/expo/react-native-invertible-scroll-view/commit/b493737e1b3696c8a828f3a90f09b441d7ee83ea

[mafiusu]

Is there any solution for this case?

[theberbie]

+1

[theberbie]

a couple of workarounds: https://github.com/FaridSafi/react-native-gifted-chat/issues/599

The payload in my reducer is messages: action.payload.reverse(). It fixed the order

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.