-
Notifications
You must be signed in to change notification settings - Fork 24.8k
Description
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
"