Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Fractional metrics with inline Views cause inconsistent Text wrapping

Aberta
#54,422 5 comentários 1 reação 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
46/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Ativa
Stack de tecnologia
android, react-native
Domínio
mobile-dev

Direção de pesquisa

Comece executando o Snack reproducer obrigatório no Android com React Native 0.81.5 e, em seguida, compare o posicionamento da inline View com as capturas de tela fornecidas da web, iOS e Android. Rastreie o caminho de layout de texto e inline View do Fabric, verificando o tamanho da fonte, o dimensionamento da fonte e o tamanho ou a posição do contêiner; considera-se concluído quando a View permanece dentro da caixa delimitadora de seu elemento pai nesses casos.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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

Linguagem predominante
C++
Estrelas
127k
Forks
25.3k
Métricas de merge de PRs
Nenhum PR com merge em 30d

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de react/react-native

Todas as issues de react/react-native

Issues semelhantes

Mais issues de C++

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.