To run stickySectionHeadersEnabled={true} wrong.

[452MJ]

Description

I want to use SectionList to show some data.

Reproduction Steps and Sample Code

List all the steps required to reproduce the issue you're reporting. These steps should be clear and concise.

The code' repo: https://github.com/452MJ/Mtime-React-Native/blob/master/app/src/screen/CreditListScreen.js

here's the json url: https://api-m.mtime.cn/Movie/MovieCreditsWithTypes.api?movieId=216008

Solution

To run stickySectionHeadersEnabled={true} well~

Additional Information

• React Native version: 0.44.0
• Platform:Android
• Development Operating System: Windows
• Dev tools: IntelliJ IDEA 2017.1.2

[kelset]

Happening to me too on Android. Any idea for a workaround?

[452MJ]

Not yet.

[janicduplessis]

I have some fixes for this, you can try to add removeClippedSubviews={false} as a workaround I think in the meantime

[kyo504]

@janicduplessis Any update on this? Even if I set removeClippedSubviews to false, it happens when scrolling.

• React-Native : 0.44.0
• Platform : Android

[452MJ]

@kyo504 it can run well at the RN version 0.46.1, just set stickySectionHeadersEnabled={true} without removeClippedSubviews={true or false}. Try it.

[kyo504]

@452MJ Thanks for your comment. I'll check it :)

[kyo504]

@452MJ Great! It works fine now :)