React-native-gifted-chat: when set alignTop={true}, message got cut off by messageContainer when scrolling

[crunchysoul]

Issue Description

when set alignTop={true}, messageContainer's height only set to match current messages, and when scrolling, message got cut off by messageContainer, for example, when only having less than full screen amount of messages.

Steps to Reproduce / Code Snippets

Expected Results

messageContainer should behaviour like alignTop={false}, occupies full space when scrolling.

Additional Information

• Nodejs version: v10.15.3
• React version: 16.6.3
• React Native version: v0.58.4
• react-native-gifted-chat version: v0.8.2
• Platform(s) (iOS, Android, or both?): both
• TypeScript version: [FILL THIS OUT]

[jsmile1994]

Same issue +1.

[jan-wilhelm]

This still happens for me as well, any updates on this issue?

[alorr10]

Anyone find a fix yet?

[daviswhitehead]

I just created a PR to resolve this issue. Hopefully it gets merged soon.
https://github.com/FaridSafi/react-native-gifted-chat/pull/1330

[alorr10]

@daviswhitehead your PR didnt work for me, I commented on the PR. Thank you for attempting tho!!

[bonomoon]

I created a PR to resolve this issue.
I think it's because of ios's overscroll feature. so I made block it when alignTop = {ture}.

[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.

[jan-wilhelm]

This issue still exists and leads to bad UX. It should not be closed.
Can somebody please look into the mentioned PR? Thanks!

[BrieucJ]

Worked for me:
alignTop={false}
listViewProps={{contentContainerStyle: {flexGrow: 1, justifyContent: 'flex-end'}}}

[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.