react / react/react-native

[Android] Parts of Text disappear due to incorrect

未关闭
#57,110 2 条评论 4 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

Needs: Triage :mag: Platform: Android Type: New Architecture
主要语言
C++
星标
127k
派生
25.3k
平均合并
1 天 23 小时
30 天内合并 PR
4

描述

Description

With certain word combinations and certain styling, Android Text rendering will calculate required size in such a way that some of the text will be dropped.

Minimal repro distilled from production code:

<View style={{ flexDirection: 'row'}}>
  <Text style={{ fontSize: 15, lineHeight: 15, fontWeight: '900'}}>VERIFY NUMBER</Text>
</View>
Steps to reproduce
  1. Install application with yarn android
  2. Observe text visible on screen vs text props

Reproducer Tested on Android Emulator, Pixel 9a template, API 37.0

React Native Version

0.85.3 (also reproduced on 0.84, 0.83)

Affected Platforms

Runtime - Android

Areas

Fabric - The New Renderer

Output of npx @react-native-community/cli info
System:
  OS: macOS 26.3.1
  CPU: (11) arm64 Apple M3 Pro
  Memory: 176.36 MB / 18.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.14.0
    path: /Users/mlisik/.nvm/versions/node/v22.14.0/bin/node
  Yarn:
    version: 1.22.22
    path: /Users/mlisik/.nvm/versions/node/v22.14.0/bin/yarn
  npm:
    version: 11.16.0
    path: /Users/mlisik/.nvm/versions/node/v22.14.0/bin/npm
  Watchman:
    version: 2026.03.09.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /Users/mlisik/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 25.2
      - iOS 26.2
      - macOS 26.2
      - tvOS 26.2
      - visionOS 26.2
      - watchOS 26.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2025.3 AI-253.30387.90.2532.14935130
  Xcode:
    version: 26.2/17C52
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.16
    path: /usr/bin/javac
  Ruby:
    version: 3.3.5
    path: /Users/mlisik/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 20.1.0
    wanted: 20.1.0
  react:
    installed: 19.2.3
    wanted: 19.2.3
  react-native:
    installed: 0.85.3
    wanted: 0.85.3
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: false
Stacktrace or Logs
N/A
MANDATORY Reproducer

https://github.com/mlisikbf/MobileTest_AndroidTextWrapIssue

Screenshots and Videos
default font weight - no issue increased font weight to repro
Image Image

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

从必需的复现器开始,并在 Android 上使用 yarn android 运行它,将可见文本与 Text props 进行比较。跟踪 Issue 中所示的 flexDirection: 'row'、字体大小、行高和粗体样式对应的 Fabric Android Text 渲染路径。完成标准是复现器中完整的 VERIFY NUMBER 文本仍然可见。

由索引模型根据 Issue 内容生成。

评估

技术栈
android, react-native
领域
mobile-dev
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
冷清
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。