Version: Next

Changing fonts

Before you begin using your own fonts, you'll first need to add them to the app project.

Android - add the .ttf or .otf files to src/main/assets/fonts/
iOS - follow this guide

Once we've added the font files to our project, we can star using them in options.

note

When declaring fonts in options, use only the file name without the file type suffix.

BottomTab font#

options: {
  bottomTab: {
    fontFamily: 'helvetica'
  }
}

Button font#

options: {
  rightButtons: [
    {
      id: 'SAVE_BUTTON',
      text: 'Save',
      fontFamily: 'helvetica'
    }
  ],
  leftButtons: [
    {
      id: 'CANCEL_BUTTON',
      text: 'Cancel',
      fontFamily: 'helvetica'
    }
  ]
}

Title font#

options: {
  topBar: {
    title: {
      fontFamily: 'helvetica'
    }
  }
}

Subtitle font#

options: {
  topBar: {
    subtitle: {
      fontFamily: 'helvetica'
    }
  }
}

Back button#

In iOS the back button will display the title of the previous screen. Use the backButton option to modify its font family.

options: {
  topBar: {
    backButton: {
      fontFamily: 'helvetica'
    }
  }
}