Arpith Siromoney 💬

San Francisco in React Native

The app I’m building lets you post notes online, so a major part of it is the text editor. Today I learnt that to use San Francisco (the default font on iOS 9) in a React Native component, you need to set fontFamily to ‘System’.

var styles = StyleSheet.create({
  input: {
    padding: 20,
    paddingTop: 10,
    fontSize: 18,
    fontFamily: 'System',
  },
});

Also, fontSize 18 seems to be a nice balance between readability and aesthetics.

Still to come: dismissing the keyboard on scroll.