[Android] Parts of Text disappear due to incorrect
オープン
まだ誰も着手していません。
Needs: Triage :mag:
Platform: Android
Type: New Architecture
- 主要言語
- C++
- スター
- 127k
- フォーク
- 25.3k
- 平均マージ
- 1日 23時間
- マージ済み PR(30日)
- 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
- Install application with
yarn android - 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 |
|---|---|
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- 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