scale text in div react
import useFitText from "use-fit-text";
function name(){
const { fontSize, ref } = useFitText({maxFontSize: 240, minFontSize: 181});
return (
<div ref={ref} style={{ fontSize, height: 72, width: 240 }}>
<div id="someId">Your Text</div>
</div>
);
}change text size according to screen react native
import { Dimensions, Platform, PixelRatio } from 'react-native';
const {
width: SCREEN_WIDTH,
height: SCREEN_HEIGHT,
} = Dimensions.get('window');
// based on iphone 5s's scale
const scale = SCREEN_WIDTH / 320 ;
export function actuatedNormalize(size) {
const newSize = size * scale
if (Platform.OS === 'ios') {
return Math.round(PixelRatio.roundToNearestPixel(newSize))
} else {
return Math.round(PixelRatio.roundToNearestPixel(newSize)) - 2
}
}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
