Enabling sticky headers on a SectionList enable the push up/down functionality seen on iOS. On RNW however, the headers only stack/stick to the top instead of pushing each other out of the way when scrolling up, or push the previous one down when scrolling down.
How to reproduce
Simplified test case: https://codesandbox.io/s/objective-kalam-ilg38
Steps to reproduce:
- Create a SectionList with data that has multiple headers
- Create section headers via
- Scroll the list
The sticky headers should push each other either up if scrolling up or down if scrolling down.
Environment (include versions). Did this work in previous versions?
- React Native for Web (version): 0.13.3
- React (version): 16.13.1
- Browser: Chrome 84.0.4147.105