react / react/react-native

When the system font size changes, the text sizes in the application are not updated

Ouverte
#54,037 19 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Needs: Attention Needs: Repro
Langage dominant
C++
Étoiles
127k
Forks
25.3k
Merge moyen
1 j 23 h
PR mergées (30 j)
4

Description

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez avec le composant App minimal montré dans l’issue et reproduisez-le à l’aide des commandes React Native CLI fournies sur Android. Modifiez la taille de police du système pendant l’exécution de l’application et comparez le rendu de Text ; le travail est terminé lorsque la taille du texte affiché est mise à jour pour correspondre au réglage du système.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
android, react-native, typescript
Domaine
mobile
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
Active
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.