react-native-fontweight v0.1.0-alpha

Installing Fonts

Download Roboto font: https://fonts.google.com/?selection.family=Roboto

Install it using the following guide: https://medium.com/react-native-training/react-native-custom-fonts-ccc9aacf9e5e

Initializing Font Manager

Insert the following code into the starting point of the application (usually App.js)

useEffect(() => {
    FontManager.init();
}, []);

Usage

Use it like you would use fontFamily & fontWeight for iOS (defaults to Roboto on Android)

<Text
  style={{
    fontWeight: '300'
  }}>
  Some Text
</Text>

Custom fonts:

<Text
  style={{
    fontFamily: 'OpenSans',
    fontWeight: '300'
  }}>
  Some Text
</Text>

Notes

• Tested on react: 16.1.8, react-native: 0.60.5
• Only works with default Text field from react-native
• If corresponding fontWeight file does not exist, it will revert to the default (Roboto, fontWeight: 400)
• fontStyle 'italic' does not work at the moment