Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Fractional metrics with inline Views cause inconsistent Text wrapping

Aperta
#54,422 5 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

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

Direzione di ricerca

Inizia eseguendo lo Snack reproducer obbligatorio su Android con React Native 0.81.5, quindi confronta il posizionamento della sua inline View con gli screenshot forniti per web, iOS e Android. Traccia il percorso di layout del testo e dell’inline View di Fabric, verificando la dimensione del carattere, il ridimensionamento del carattere e la dimensione o la posizione del contenitore; il lavoro è completato quando la View rimane all’interno del bounding box del suo elemento padre in questi casi.

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

Descrizione

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

Lingua principale
C++
Stelle
127k
Fork
25.3k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

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.

Altre issue di react/react-native

Tutte le issue di react/react-native

Issue simili

Altre issue su C++

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.