Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Fractional metrics with inline Views cause inconsistent Text wrapping

Ouverte
#54,422 5 commentaires 1 réaction 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
46/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
Active
Stack technique
android, react-native
Domaine
mobile-dev

Piste de recherche

Commencez par exécuter le Snack reproducer obligatoire sur Android avec React Native 0.81.5, puis comparez le placement de son inline View avec les captures d’écran web, iOS et Android fournies. Suivez le chemin de layout du texte et de l’inline View de Fabric, en vérifiant la taille de police, la mise à l’échelle de la police ainsi que la taille ou la position du conteneur ; le travail est considéré comme terminé lorsque la View reste dans la bounding box de son parent dans ces cas.

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

Description

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

Langage dominant
C++
Étoiles
127k
Forks
25.3k
Métriques de merge des PR
Aucune PR mergée en 30 j

Préparer son environnement

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.

Autres issues de react/react-native

Toutes les issues de react/react-native

Issues similaires

Plus d'issues C++

Recevez les nouvelles issues par e-mail

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