`ScrollView` `contentContainerStyle`'s `flexGrow` doesn't account for `contentInsetAdjustmentBehavior` or `automaticallyAdjustKeyboardInsets`
Personne n'a encore pris cette issue.
- Langage dominant
- C++
- Étoiles
- 127k
- Forks
- 25.3k
- Merge moyen
- 1 j 23 h
- PR mergées (30 j)
- 4
Description
Description
This is a reopen of https://github.com/facebook/react-native/issues/25282 which is still reproducible in the latest React native version.
Steps to reproduce
- Create a
ScrollViewwithcontentInsetAdjustmentBehavior="automatic"andcontentContainerStyle={{flexGrow: 1}}. - Observe that the content container grows larger than the ScrollView's height, while the height is expected to match, because safe area insets would be accounted for.
See the Expo snack
React Native Version
0.75.3
Affected Platforms
Runtime - iOS
Output of npx react-native info
N/A — easy to reproduce
Stacktrace or Logs
N/A
Reproducer
https://snack.expo.dev/@louay/scrollview-layout-contentinset-issue
Screenshots and Videos
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par le Expo Snack lié et reproduisez le comportement iOS avec ScrollView, contentContainerStyle={{flexGrow: 1}}, contentInsetAdjustmentBehavior="automatic" et automaticallyAdjustKeyboardInsets. Le travail est terminé lorsque la hauteur du conteneur de contenu tient compte des insets pertinents au lieu de dépasser la hauteur de ScrollView.
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
- 35/100