react / react/react-native

SectionList shows inconsistent SeparatorComponent behaviour when using inverted

Ouverte
#53,749 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

@Simek y travaille déjà.

Depuis le 16/9/2025.

  • #53799 par @Simek — ouverte
Component: SectionList Issue: Author Provided Repro Resolution: PR Submitted
Langage dominant
C++
Étoiles
127k
Forks
25.3k
Merge moyen
1 j 23 h
PR mergées (30 j)
4

Description

Description

I found that when SectionList is used inverted on mobile, the SectionSeparatorComponent is not rendered correctly. It renders in between items of the same section - while it shouldn't - and it renders double sometimes there as well.

I found that this happens on both Android and iOS with the latest SDKs and frameworks.
On web it appears not to be an issue.

Steps to reproduce

Here is an expo snack that shows the behavior;
https://snack.expo.dev/@natuurhuisje-dev/sectionlist-inverted-separatorcomponent-inconsistency

React Native Version

tested with issue on both 0.79.5 and 0.81

Affected Platforms

Runtime - iOS, Runtime - Android

Output of npx @react-native-community/cli info
I've got an Expo snack, hope this is sufficient.
Stacktrace or Logs
I've got an Expo snack, hope this is sufficient.
MANDATORY Reproducer

https://snack.expo.dev/@natuurhuisje-dev/sectionlist-inverted-separatorcomponent-inconsistency

Screenshots and Videos

No response

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Exécutez l’Expo Snack lié et comparez le comportement de inverted SectionList sur Android et iOS, en vous concentrant sur le placement de SectionSeparatorComponent et le rendu en double. Consultez la pull request #53799 liée pour connaître l’état actuel du travail. C’est terminé lorsque les séparateurs ne sont pas rendus entre les éléments d’une même section et ne sont pas dupliqués.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react-native
Domaine
mobile
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.