react / react/react-native

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

Abierto
#52,126 5 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Component: ScrollView Issue: Author Provided Repro Platform: Android
Lenguaje dominante
C++
Estrellas
127k
Forks
25.3k
Merge medio
1 d 23 h
PR fusionados (30 d)
4

Descripción

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

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza con el reproductor de Expo Snack enlazado y confirma el comportamiento de la ScrollView horizontal en Android, iOS y la web. Rastrea el comportamiento específico de Android de ScrollView que gestiona el padding y compáralo con las plataformas que funcionan; el trabajo estará terminado cuando el elemento final ya no aparezca truncado en Android y las demás plataformas no se vean afectadas.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
android, react-native
Área
mobile
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.