Ga naar hoofdinhoud
Logo Appt Light

Scale text on React Native

Apps should scale text to the size specified by users in the system settings. This is especially important for visually impaired users because they might not be able to read the text otherwise.

React Native schaalt tekst automatisch op basis van de tekstgrootte voorkeur van de gebruiker. Bovendien zijn alle dimensies in React Native eenheidsloos en vertegenwoordigen ze dichtheidsonafhankelijke pixels.

Probeer om eigenschappen zoals maxFontSizeMultiplierallowFontScalingadjustsFontSizeToFit and numberOfLines te voorkomen. Het gebruik van deze eigenschappen kan er toe leiden dat tekst niet meeschaalt en onleesbaar wordt voor sommig gebruikers.

Bij het overnemen van een project kan het zijn dat eerdere ontwikkelaars het schalen van lettertypen hebben uitgeschakeld met de volgende code: Text.defaultProps.allowFontScaling = false;. Dit is slecht voor de toegankelijkheid en moet worden weggehaald.

<Text style={{ fontSize: 16 }}>
    Appt
</Text>
Bijdragen

Feedback?

Laat 't ons weten!