Android: Font weight numeric values do not work with System default fonts of android

[mnkshukl]

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

React native supports Font weight values with Android SDK 28 and above for custom fonts. But with System default fonts these numeric values are not supported. Only value - 700 is for bold and others are for normal font. As android 28 and above supports font weights react-native can spuport font weight for system default fonts also.

React Native version:

System:
OS: Windows 10 10.0.18363
CPU: (12) x64 Intel(R) Core(TM) i7-8700 CPU @ 3.20GHz
Memory: 39.93 GB / 63.87 GB
Binaries:
Node: 10.20.1 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.0 - ~\AppData\Roaming\npm\yarn.CMD
npm: 6.14.4 - C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK:
API Levels: 28, 29
Build Tools: 28.0.3, 29.0.2, 29.0.3
System Images: android-29 | Google Play Intel x86 Atom
Android NDK: 17.2.4988734
IDEs:
Android Studio: Version 3.6.0.0 AI-192.7142.36.36.6392135
Languages:
Java: Not Found
Python: 3.8.2 - D:\Office\Build\OfficeNugetInit\gen\InPath\python.cmd
npmPackages:
@react-native-community/cli: Not Found
react: 16.11.0 => 16.11.0
react-native: 0.62.2 => 0.62.2
npmGlobalPackages:
react-native: Not Found

issue in all react-native versions.

Steps To Reproduce

Create a Text with font weight values from 100 to 900 (without any custom fonts )
only font weight 700 is shown as bold other are shown as normal

Expected Results

font weight values should change font effect in android sdk 28 and above.
Expected result should look like this

Snack, code example, screenshot, or link to a repository:

"
<Text style={{fontSize: 20, fontWeight: 'bold'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: 'normal'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '100'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '200'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '300'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '400'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '500'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '600'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '700'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '800'}}>Move fast and be bold
<Text style={{fontSize: 20, fontWeight: '900'}}>Move fast and be bold
"

[Maskedman99]

For me they don't work in ReactJs either :)

[fabOnReact]

https://reactnative.dev/docs/text-style-props#fontweight

@Maskedman99 because your font does not support them

[fangasvsass]

any update? 0.59.10 upgrade to 0.62.2 fontWeight not work

[mnkshukl]

@fangasvsass - I suppose it supported normal and bold values as <500 for normal and >=500 for bold previous versions which has changed to 700 for bold now.
but All different values are and were never supported for system default fonts.

[Maskedman99]

@fabriziobertoglio1987 if the changes are small then the PR might get merged quickly.

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

[Maskedman99]

@fabriziobertoglio1987 if the changes are small then the PR might get merged quickly.

Turns out I was very much wrong ! 😄