Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Fractional metrics with inline Views cause inconsistent Text wrapping

Abierto
#54,422 5 comentarios 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

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

Línea de trabajo

Empieza ejecutando el Snack reproducer obligatorio en Android con React Native 0.81.5 y, después, compara la colocación de su inline View con las capturas de pantalla proporcionadas de web, iOS y Android. Rastrea la ruta de layout de texto e inline View de Fabric y comprueba el tamaño de fuente, el escalado de fuente y el tamaño o la posición del contenedor; se considera terminado cuando la View permanece dentro del cuadro delimitador de su elemento padre en esos casos.

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

Descripción

Issue: Author Provided Repro Needs: React Native Team Attention Type: New Architecture
Description

on Android, Text containing an inline positions the outside the bounding box of its parent as if it was wrapping. This is affected by font size, font scaling, and both the size and position of the container.

Steps to reproduce

Compare snack with screenshots

React Native Version

0.81.5

Affected Platforms

Runtime - Android

Areas

Fabric - The New Renderer

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

https://snack.expo.dev/@codatrigger/shallow-orange-chips

Screenshots and Videos

Web: ideal appearance
Image
iOS: unrelated baseline positioning bug, otherwise correct
Image
Android: width reserved but positioned on next "line"
Image

Lenguaje dominante
C++
Estrellas
127k
Forks
25.3k
Métricas de merge de PR
Sin PR fusionados en 30 d

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.

Más de react/react-native

Todos los issues de react/react-native

Issues similares

Más issues de C++

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.