When the system font size changes, the text sizes in the application are not updated
オープン
まだ誰も着手していません。
Needs: Attention
Needs: Repro
- 主要言語
- C++
- スター
- 127k
- フォーク
- 25.3k
- 平均マージ
- 1日 23時間
- マージ済み PR(30日)
- 4
説明
Description
Please watch the video to understand the issue better.
import { View, Text, StatusBar } from "react-native";
export default function App() {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<StatusBar animated={true} translucent={true} barStyle={"dark-content"} backgroundColor={"transparent"} />
<Text style={{ fontSize: 14 }}>Hesap Defterim</Text>
</View>
);
}
https://github.com/user-attachments/assets/4254a949-f596-4e64-bf43-58f51fd3842c
Steps to reproduce
npx @react-native-community/cli@latest init TestProject --package-name com.test.project
npx react-native run-android
React Native Version
0.81.4
Affected Platforms
Runtime - Android
Output of npx @react-native-community/cli info
System:
OS: Windows 11 10.0.26200
CPU: "(24) x64 AMD Ryzen 9 7900X 12-Core Processor "
Memory: 12.94 GB / 31.60 GB
Binaries:
Node:
version: 24.9.0
path: C:\Program Files\nodejs\node.EXE
Yarn: Not Found
npm:
version: 11.6.0
path: C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK:
API Levels:
- "36"
Build Tools:
- 35.0.0
- 36.0.0
- 36.1.0
System Images:
- android-36.1 | Google Play Intel x86_64 Atom
Android NDK: Not Found
Windows SDK: Not Found
IDEs:
Android Studio: AI-251.26094.121.2513.14007798
Visual Studio: Not Found
Languages:
Java: 17.0.16
Ruby: Not Found
npmPackages:
"@react-native-community/cli":
installed: 20.0.0
wanted: 20.0.0
react:
installed: 19.1.0
wanted: 19.1.0
react-native:
installed: 0.81.4
wanted: 0.81.4
react-native-windows: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: Not found
newArchEnabled: Not found
Stacktrace or Logs
N/A
MANDATORY Reproducer
N/A
Screenshots and Videos
https://github.com/user-attachments/assets/4ca8e5d4-6564-41ea-aae8-4c76d6de93e3
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
Issue に示されている最小限の App コンポーネントから始め、提供されている React Native CLI コマンドを使って Android で再現します。アプリの実行中にシステムのフォントサイズを変更し、Text のレンダリングを比較します。表示されるテキストサイズが更新され、システム設定と一致すれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- android, react-native, typescript
- 領域
- mobile
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 活発
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 45/100