normalize fontSize in different devices
yarn add react-native-stylesheet-normalize
In different devices there are different pixelRatio
, width
and height
. So appearance should not be always the same, the appearance should adapt it's fontSize to match user's device. Use normalizeText
extract from react-native-elements
(see here).
just replace your StyleSheet.create
to StyleSheetNormalize.create
and that's it!
import StyleSheetNormalize from 'react-native-stylesheet-normalize';
const styles = StyleSheetNormalize.create({
// your styles here
// all `fontSize` value will wrap with `normalize(<fontSize value>)`
});
MIT