search

PedroBern / react-native-collapsible-tab-view

A cross-platform Collapsible Tab View component for React Native
MIT License
829 stars 160 forks source link

FlatList. with numColumns not working on Android #250

Closed hirbod closed 2 years ago

hirbod commented 2 years ago

Hi,

I started working on the Android version of my app and just realized that my Tabs are empty, while perfectly filled on iOS. Something is wrong with FlatList + numColumns with this library on Android. My content is underneath the header. When I remove numColumns, my content appears.

I played around a bit and it looks like I have to manually pass a marginTop of HEADERHEIGHT + TABBARHEIGHT to FlatList's contentContainerStyle to make my content visible on android. This breaks for iOS though.

For now, I can workaround the issue with some Platform checks, but I would kindly ask to support numColumns on Android as well.

hirbod commented 2 years ago

I thought I fixed it, but it does not sync correctly anymore (should not be affected by the ScrollView bug, since I am using FlatList).

So initially it is working but then messing up :/

hirbod commented 2 years ago

@andreialecu any chance you could have a look at this one here?

hirbod commented 2 years ago

Fixed with v5, thanks!

omotoshogyro commented 4 months ago

This issue still persists in V6, I currently have a Flatlist with 3 columns I noticed the lists are not showing on Android but it showing on ios, I tried the hack above by applying marginTop and my lists start showing