react / react/react-native

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

Aperta
#52,126 5 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Component: ScrollView Issue: Author Provided Repro Platform: Android
Lingua principale
C++
Stelle
127k
Fork
25.3k
Merge medio
1g 23h
PR unite (30g)
4

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia con il riproduttore Expo Snack collegato e verifica il comportamento della ScrollView orizzontale su Android, iOS e web. Traccia il comportamento specifico di Android di ScrollView che gestisce il padding e confrontalo con quello delle piattaforme funzionanti; il lavoro è completato quando l’elemento finale non è più troncato su Android, mentre le altre piattaforme rimangono invariate.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
android, react-native
Ambito
mobile
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.