react / react/react-native

PaddingLeft on Horizontal ScrollView truncates the right of the list on Android only

Ouverte
#52,126 5 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Component: ScrollView Issue: Author Provided Repro Platform: Android
Langage dominant
C++
Étoiles
127k
Forks
25.3k
Merge moyen
1 j 23 h
PR mergées (30 j)
4

Description

Description

Hello,

I've encountered the following issue on Android only (works perfectly on iOS & web)

Using ScrollView, I created a horizontal scrollable list of items. But when I apply paddingLeft to the ScrollView, the last item of the list is truncated on Android devices.

Steps to reproduce
  1. Go to https://snack.expo.dev/@wreyno/awkward-green-waffle
  2. Launch on iOS & Web and notice Option 10 is not truncated
  3. Launch on Android and see Option 10 is truncated
React Native Version

0.79.4

Affected Platforms

Runtime - Android

Output of npx @react-native-community/cli info
N/A
Stacktrace or Logs
N/A
MANDATORY Reproducer

https://snack.expo.dev/@wreyno/awkward-green-waffle

Screenshots and Videos

iOS, Option 10 is not truncated

Android, Option 10 is truncated

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

Commencez par le reproducteur Expo Snack lié et confirmez le comportement de la ScrollView horizontale sur Android, iOS et le web. Suivez le comportement spécifique à Android de ScrollView qui gère le padding et comparez-le à celui des plateformes fonctionnelles ; le travail est terminé lorsque le dernier élément n’est plus tronqué sur Android, tandis que les autres plateformes restent inchangées.

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

Évaluation

Stack technique
android, 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

Recevez les nouvelles issues par e-mail

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