react / react/react-native

[Android] Using adjustsFontSizeToFit=true sometimes causes font size to be too small.

オープン
#56,799 コメント 5 件 リアクション 2 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

Needs: Triage :mag: Platform: Android
主要言語
C++
スター
127k
フォーク
25.3k
平均マージ
1日 23時間
マージ済み PR(30日)
4

説明

Description

Even when there is no need to shrink the font, there is sometimes a difference in the font sized used when adjustsFontSizeToFit is true vs. when it is false (or not included as a prop on a <Text> component). In other words, the font size is reduced when it should not be. This problem was introduced by the fix for #54715.

Specific font sizes needed to show this bug vary depending on the dp-to-font ratio of the test system or emulator, which points to rounding as the root cause of this bug.

Steps to reproduce
  1. Use two components, one with adjustsFontSizeToFit={true} and one without.
  2. Experiment with different fontSize values until you find one or more where the rendered size differs (even though there is no need to reduce the font to accommodate the text).

The provided reproducer demonstrates the problem.

React Native Version

0.85.2

Affected Platforms

Runtime - Android

Output of npx @react-native-community/cli info
info Fetching system and libraries information...
System:
  OS: macOS 15.7.5
  CPU: (16) x64 Intel(R) Core(TM) i9-9900K CPU @ 3.60GHz
  Memory: 829.41 MB / 40.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 24.11.1
    path: /Users/USER/.nvm/versions/node/v24.11.1/bin/node
  Yarn:
    version: 1.22.22
    path: /Users/USER/.nvm/versions/node/v24.11.1/bin/yarn
  npm:
    version: 11.6.2
    path: /Users/USER/.nvm/versions/node/v24.11.1/bin/npm
  Watchman:
    version: 2026.03.30.00
    path: /usr/local/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /usr/local/bin/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:
    API Levels:
      - "27"
      - "28"
      - "29"
      - "30"
      - "31"
      - "34"
      - "35"
      - "36"
      - "36"
    Build Tools:
      - 30.0.3
      - 31.0.0
      - 33.0.0
      - 33.0.2
      - 34.0.0
      - 35.0.0
      - 35.0.1
      - 36.0.0
    System Images:
      - android-27 | Google APIs Intel x86 Atom
      - android-27 | Google Play Intel x86 Atom
      - android-29 | Google APIs Intel x86 Atom
      - android-30 | Google Play Intel x86 Atom
      - android-31 | Google Play Intel x86 Atom_64
      - android-34 | Google APIs Intel x86_64 Atom
      - android-34 | Google Play Intel x86_64 Atom
      - android-35 | Google Play Intel x86_64 Atom
      - android-36.1 | Google Play Intel x86_64 Atom
    Android NDK: Not Found
IDEs:
  Android Studio: Not Found
  Xcode:
    version: 26.2/17C52
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.10
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/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.2
    wanted: 0.85.2
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

info React Native v0.85.3 is now available (your project is running on v0.85.2).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.85.3
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.85.2&to=0.85.3
info For more info, check out "https://reactnative.dev/docs/upgrading?os=macos".
Stacktrace or Logs
N/A
MANDATORY Reproducer

https://github.com/MarkCSmith/react-native-issues/blob/master/Android-adjustsFontSizeToFit/RNTesterPlayground.js

Screenshots and Videos

Notice the text rendering differences for the following font sizes: 10, 11, 18, 22.

Image

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

RNTesterPlayground.js にある必須の再現コードから始め、報告されたフォントサイズで adjustsFontSizeToFit を付けた場合と付けない場合の Text コンポーネントの Android レンダリングを比較します。この prop の Android 実装を追跡し、#54715 で導入された丸め処理に注目します。縮小が必要ない場合に、再現コードのケースを含めて、レンダリングされるフォントサイズが同じになれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
android, react-native
領域
mobile
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
52/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。