react / react/react-native

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

Offen
#52,126 5 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Component: ScrollView Issue: Author Provided Repro Platform: Android
Vorherrschende Sprache
C++
Sterne
127k
Forks
25.3k
Ø Merge
1 T. 23 Std.
Gemergte PRs (30 T.)
4

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit dem verlinkten Expo Snack-Reproduktionsbeispiel und bestätige das Verhalten der horizontalen ScrollView auf Android, iOS und im Web. Verfolge das Android-spezifische ScrollView-Verhalten, das padding behandelt, und vergleiche es mit den funktionierenden Plattformen; abgeschlossen ist die Arbeit, wenn das letzte Element auf Android nicht mehr abgeschnitten wird, während die anderen Plattformen unverändert bleiben.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
android, react-native
Bereich
mobile
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.