Refresh Indicator in FlatList doesn't work correctly with largeTitle

[sallar]

Issue Description

Im creating a new issue since the previous one is marked as stale for some reason. #3137
If you use largeTitle in a view that hosts a FlatList, the Refresh Indicator is shown at a position that is not correct.

The current workaround is apparently to use react-native-tableview which uses the native UITableView, which works nicely, but that has it's own issues and also doesn't support android.

Steps to Reproduce / Code Snippets / Screenshots

• Use largeTitle in a screen
• Embed a refreshable FlatList in that view
• Drag down to see the indicator

---

Environment

• React Native Navigation version: 4.0.5
• React Native version: 0.61.4
• Platform(s) (iOS, Android, or both?): iOS
• Device info (Simulator/Device? OS version? Debug/Release?): Simulator / Debug

[guyca]

Hey @sallar 👋
Can you please fork the library and add a screen where the issue reproduces to the playground app?

[sallar]

Hey @guyca sure thing. On it

[sallar]

Actually @guyca I just saw that this issue is already visible in Playground. You can find it in FlatListScreen.js:

The correct behaviour is this:

you can see that the loading indicator is correctly on top. not behind the search box or title. The second video is using react-native-tableview instead of FlatList.

The react-navigation module has added new "native" stack module that does this correctly, so I know it should be possible to fix this. I just dont know how :D

[sallar]

@guyca the issue still has "requires reproduction" tag, do I need do anything extra?

[ItsNoHax]

@sallar I have updated the tags for you. Thanks for looking into it.

[sallar]

Thanks @ItsNoHax. Im not even sure if this can be fixed in this project, but this is a big obstacle currently for making native-looking apps on iOS 13. It's not a big deal, but would be nice to figure out where the issue comes from.

[remstos]

It appears that a RN fix is coming that would solve this issue: facebook/react-native#28236

[sallar]

That’s amazing 🎉🎉🎉

[Ainias]

This is still a problem. Is there a workaround?