Transparent sectionListHeader is overlaped by renderItem

[SaldanhaPrtt]

Description

When creating a SectionList component, if prop stickySectionHeadersEnabled=true, and it has no background, the child renderItem overlaps the header. There seems to be no prop or logic that can resolve this problem. So unfortunately, I must open this issue(or improvement) untitled.webm

React Native Version

0.65.3

Output of npx react-native info

System: OS: Windows 10 10.0.22000 CPU: (12) x64 AMD Ryzen 5 5600X 6-Core Processor Memory: 5.59 GB / 15.89 GB Binaries: Node: 16.15.1 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD npm: 8.11.0 - C:\Program Files\nodejs\npm.CMD Watchman: Not Found SDKs: Android SDK: Not Found Windows SDK: Not Found IDEs: Android Studio: AI-222.4459.24.2221.10121639 Visual Studio: Not Found Languages: Java: Not Found npmPackages: @react-native-community/cli: Not Found react: 17.0.2 => 17.0.2 react-native: 0.65.3 => 0.65.3 react-native-windows: Not Found npmGlobalPackages: react-native: Not Found

Steps to reproduce

Simply create a SectionList with sticky headers and no background color

Snack, code example, screenshot, or link to a repository

https://snack.expo.dev/@squidarrested/db76a1

[github-actions[bot]]

:warning:

Unsupported Version of React Native

:information_source:

It looks like your issue or the example you provided uses an unsupported version of React Native. Due to the number of issues we receive, we're currently only accepting new issues against one of the supported versions. Please upgrade to latest and verify if the issue persists (alternatively, create a new project and repro the issue in it). If you cannot upgrade, please open your issue on StackOverflow to get further community support.

[cortinico]

Closing in favor of #38248