react / react/react-native

TextInput placeholder in ANDROID 14 not respect fontFamily custom

未关闭
#45,853 9 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

Component: TextInput Issue: Author Provided Repro Platform: Android
主要语言
C++
星标
127k
派生
25.3k
平均合并
1 天 23 小时
30 天内合并 PR
4

描述

Description

When installing custom font like Robot in device and configuration, the placeholder not applying the font the other components working but specific placeholder of TextInputs not working

Steps to reproduce
  • Configure font Roboto
  • Define style fontFamili in TextInput
    PS: only crash in Android 14
React Native Version

0.73.0

Affected Platforms

Runtime - Android

Output of npx react-native info
System:
  OS: Linux 5.4 Linux Mint 20.3 (Una)
  CPU: (8) x64 Intel(R) Core(TM) i5-10210U CPU @ 1.60GHz
  Memory: 8.01 GB / 23.29 GB
  Shell:
    version: 5.0.17
    path: /bin/bash
Binaries:
  Node:
    version: 20.10.0
    path: /opt/node-v20.10.0-linux-x64/bin/node
  Yarn:
    version: 1.22.18
    path: /usr/local/bin/yarn
  npm:
    version: 10.2.3
    path: /opt/node-v20.10.0-linux-x64/bin/npm
  Watchman: Not Found
SDKs:
  Android SDK:
    API Levels:
      - "23"
      - "28"
      - "29"
      - "30"
      - "31"
      - "32"
      - "33"
      - "34"
    Build Tools:
      - 28.0.3
      - 29.0.2
      - 29.0.3
      - 30.0.0
      - 30.0.1
      - 30.0.2
      - 30.0.3
      - 31.0.0
      - 33.0.0
      - 33.0.1
      - 34.0.0
      - 35.0.0
    System Images:
      - android-16 | Intel x86 Atom
      - android-21 | Google APIs Intel x86 Atom
      - android-24 | Google Play Intel x86 Atom
      - android-28 | Google APIs Intel x86 Atom
      - android-28 | Google APIs Intel x86 Atom_64
      - android-30 | Android TV Intel x86 Atom
      - android-30 | China version of Wear OS 3 Intel x86 Atom
      - android-30 | Wear OS 3 ARM 64 v8a
      - android-30 | Wear OS 3 Intel x86 Atom
      - android-30 | ARM 64 v8a
      - android-30 | Intel x86_64 Atom
      - android-30 | Google TV Intel x86 Atom
      - android-30 | Google APIs ARM 64 v8a
      - android-30 | Google APIs Intel x86 Atom
      - android-30 | Google APIs Intel x86_64 Atom
      - android-30 | Google Play ARM 64 v8a
      - android-30 | Google Play Intel x86 Atom
      - android-30 | Google Play Intel x86 Atom_64
      - android-32 | Google Play Intel x86_64 Atom
      - android-33 | Google APIs Intel x86_64 Atom
      - android-33 | Google Play Intel x86_64 Atom
      - android-34 | Google Play Intel x86_64 Atom
    Android NDK: Not Found
IDEs:
  Android Studio: Not Found
Languages:
  Java:
    version: 17.0.10
    path: /usr/lib/jvm/jdk-17-oracle-x64/bin/javac
  Ruby:
    version: 2.7.0
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.73.6
    wanted: 0.73.6
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false
Stacktrace or Logs
No Stacktrace
Reproducer

https://github.com/YuriLima23/IssuePlaceholder

Screenshots and Videos

image

贡献指南

打开贡献指南

从这里开始

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

调研方向

先在 Android 14 上使用 React Native 0.73.6 运行链接的 IssuePlaceholder reproducer,然后检查 TextInput 的 Android 入口点,了解 placeholder 的 fontFamily 是如何应用的。将 placeholder 与使用已配置 Roboto 字体的其他 TextInput 内容进行比较;完成的标准是 placeholder 在 Android 14 上遵循 fontFamily,并且该行为由回归测试覆盖。

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

评估

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

把新 issue 发到你的邮箱

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