TableView's Section background color is not set properly per platform

[rye]

Sad.

[drewvolz]

I guess we didn't fix that in #2987?

[drewvolz]

Is this still an issue?

[hawkrives]

@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.)

[drewvolz]

Was this not closed by #3462?

[hawkrives]

Nope…

[rye]

This has since been resolved, so I'm closing this issue.

[rye]

[hawkrives]

gah. thanks.

[drewvolz]

With the addition of #5947, this now also impacts iOS.

[drewvolz]

I think we can point to sectionTintColor just from a cursory search

AAO-React-Native/modules/tableview/index.tsx

Lines 11 to 19 in be76795

	let Section = (props: SectionInterface): JSX.Element => (
	<RNTableView.Section
	hideSurroundingSeparators={Platform.OS === 'ios'}
	roundedCorners={Platform.OS === 'ios'}
	sectionTintColor={sectionBgColor}
	withSafeAreaView={false}
	{...props}
	/>
	)

In most cases we've assigned this to a platform color

AAO-React-Native/modules/colors/platform.js

Lines 23 to 24 in 134a85f

	export const sectionBgColor =
	Platform.OS === 'ios' ? iosLightBackground : androidLightBackground

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?