search

examunity / bootstrap-rn

Bootstrap components for React Native
MIT License
2 stars 0 forks source link

Heading font weights incorrect on Android #30

Open markusjwetzel opened 2 years ago

markusjwetzel commented 2 years ago

Currently $headings-font-weight: 500; is used for all headings, which should make headings bolder than normal text. Due to the following issue in react-native the font weight is the same for headings and normal text on Android:

https://github.com/facebook/react-native/issues/26193

We tested it on react-native 0.64.3, because that's the latest version supported by Expo. It's mentioned in the react-native issue that there's a fix included in v0.65.0, so we need to test it again after upgrading to v0.65.0 some day.

markusjwetzel commented 1 year ago

Mostlikely in order to fix this we need to import fonts with all different font weights and then manipulate the font family value based on the font weight. It might be that setStyleAttributePreprocessor() is helpful for that (see https://reactnative.dev/docs/stylesheet#setstyleattributepreprocessor).