Skip to main content
Logo Appt Light

Bold text on React Native

Apps should use bold text when users have indicated this as a preference in the system settings. Turning on bold text improves the contrast of the letters against the background, making the text easier to read. This is vital if you are visually impaired, but it can also be useful if you need reading glasses.

On React Native, the isBoldTextEnabled() method of AccessibilityInfo can be used to check whether the user prefers bold text.

Note: it only checks the preference on iOS. Android is not yet supported.

import { AccessibilityInfo } from "react-native";

if (AccessibilityInfo.isBoldTextEnabled()) {
    // Use bold text
}

Feedback?

Let us know!