Repository navigation
Lines getting cut-off on Android devices with small font sizes #50916
Description
Activity
Warning
Missing reproducer: We could not detect a reproducible example in your issue report. Reproducers are mandatory and we can accept only one of those as a valid reproducer:
- For majority of bugs: send us a Pull Request with the RNTesterPlayground.js edited to reproduce your bug.
- If your bug is UI related: a Snack
- If your bug is build/upgrade related: a project using our Reproducer Template
You can read more about about it on our website: How to report a bug.@LA-Johan Thanks for opening the issue! While reviewing the output of npx @react-native-community/cli info, we couldn’t determine if the new architecture is enabled, could you let us know whether the problem occurs on both the old architecture and the new architecture? This will help us narrow things down.
Thanks!@devanshsaini11 this is only on new architecture!
If anyone has found a workaround that would be great too. This breaks some of our core flows for users with different font sizes making some text completely unreadable.
18 remaining items
my workaround:
import { Platform, StyleSheet, Text } from 'react-native'; if (Platform.OS === 'android') { const styles = StyleSheet.create({ defaultText: { fontFamily: '', // workaround fontWeight: 'normal', }, }); const oldRender = (Text as any).render; (Text as any).render = function (props: any, ...args: any[]) { return oldRender.call( this, { ...props, style: [styles.defaultText, props.style], }, ...args, ); }; }
Reacted by Ryan Silva@huanguolin
这样的话 字重就没了
我现在是设置了 robot字体 并且禁止缩放@huanguolin 这样的话 字重就没了 我现在是设置了 robot字体 并且禁止缩放
In my case, the fontWeight setting in the code is fine. However, when I set zoom to be disabled, it doesn’t work in version 0.77 (it works in 0.80). Moreover, my users won’t accept this.
Add a scenario: This problem can also occur on some tablet devices with very good screen resolution, such as screens with a resolution of 3200 * 2136 and 308PPI
mmm seems to occur when some specific length occurs, depending on font props, adding eg style
Platform.OS === 'android' && { paddingHorizontal/paddingRight: 0.001 },
helps for, at least one of our cases, but if it helps for all 🤷@OskarAtJoint I also apply this trick as a backup solution.
Confirmed this was fixed with the new logic for rounding in 1fe3ff8
Note that the previous incorrect logic goes back all the way to legacy arch (ReactTextShadowNode), so I don't think the underlying bug is new, but it relies on getting "unlucky" with pixel grid rounding, so there are different cosmic butterflies that can influence this.
Before After
Could you please cherry pick this to 0.79?
不仅切字 窗口的宽高还计算不准确
@LA-Johan have you checked if this happens on Android 14?
Has this problem not been resolved yet?
- added 2 commits that reference this issue
on Aug 12, 2026 - added a commit that references this issue
on Aug 13, 2026
Description
When device font size is set to small words in certain configuration of parent views get cut-off (see reproducer). Our users just started reporting in the last month it so I believe it was introduced in 0.79.
Steps to reproduce
UI bug, see attached screenshots.
React Native Version
0.79.1
Affected Platforms
Runtime - Android, Build - MacOS
Output of
npx @react-native-community/cli infoStacktrace or Logs
MANDATORY Reproducer
#50915
Screenshots and Videos
Emulator is Pixel_9_API_35
With the issue:
Without the issue: