Description

I used section list in react native android. While the sticky headers work perfect for sometime. When user scrolls up and down repeatedly, the sticky headers disappear/ do not get rendered. Tried this with stickySectionHeadersEnabled={false}, everything works fine.

Reproduction Steps and Sample Code

<SectionList
       renderItem={this.renderItem}
       renderSectionHeader={this.renderHeader}
       sections={dataSource}
       keyExtractor={(item) => item.name}
       stickySectionHeadersEnabled={true}
     />

Solution

Sticky headers Enabled: http://imgh.us/Screen_Shot_2017-05-24_at_9.52.13_PM.png
Sticker headers after Scroll : http://imgh.us/Screen_Shot_2017-05-24_at_9.52.39_PM.png

Additional Information

• React Native version: 0.44.0
• Platform: Android
• Development Operating System: macOS
• Dev tools: [Android studio 2.3]
• Tested in emulator Nexus 5 API 25