fix: properly invert list manually android

[isekovanic]

🎯 Goal

Fixes this Zendesk issue.

🛠 Implementation details

While inverting manually, we were inverting the entire CellRenderer component. Debugging how the FlatList rendering mechanism works, we can see that each Cell within it comprises of 2 parts: the ListItem component (which renderItem spits out) and the ItemSeparatorComponent just below it. By inverting the Cell we would invert the entire composition, while we should be really inverting them separately.

Also fixes an issue where the ItemSeparatorComponent was not being inverted properly (noticeable if you would add text to it for example, since we'd never invert this).

🎨 UI Changes

iOS

Before	After

Android

Before	After

🧪 Testing

☑️ Checklist

• I have signed the Stream CLA (required)
• PR targets the develop branch
• Documentation is updated
• New code is tested in main example apps, including all possible scenarios
  • SampleApp iOS and Android
  • Expo iOS and Android

[Stream-SDK-Bot]

SDK Size

title	develop	branch	diff	status
js_bundle_size	442.099609375 KB	442 KB	0 B	🟢

[stream-ci-bot]

🎉 This PR is included in version 5.38.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀