AAO-React-Native
AAO-React-Native copied to clipboard
TableView's Section background color is not set properly per platform
Sad.

I guess we didn't fix that in https://github.com/StoDevX/AAO-React-Native/pull/2987?
Is this still an issue?
@drewvolz yes.
However! I think I know what's causing it now – React Navigation sets a default background color on the views that it manages, and I think that's causing the slight-but-distinct color shift.
I haven't checked this yet, but I think that we can just set {backgroundColor: transparent}
on Section for Android. (I haven't just PR'd it, either, because it could well force them to be black backgrounds. Idk.)
Was this not closed by https://github.com/StoDevX/AAO-React-Native/pull/3462?
Nope…
This has since been resolved, so I'm closing this issue.

gah. thanks.
With the addition of #5947, this now also impacts iOS.
I think we can point to sectionTintColor
just from a cursory search
https://github.com/StoDevX/AAO-React-Native/blob/be76795620386279ecd48422840da039829eae35/modules/tableview/index.tsx#L11-L19
In most cases we've assigned this to a platform color
https://github.com/StoDevX/AAO-React-Native/blob/134a85fc7bec1276aba056e7231f98a1cd7bc36c/modules/colors/platform.js#L23-L24
and react-native-tableview-simple's default tint color is #EFEFF4
which is what is showing up around the app.
Do we want to set the tint color to be transparent (removing it) or change it to match the background of our views? What is the best way forward here?