“Отзывчивый размер шрифта отреагирует натив” Ответ

реагировать натив шрифт масштабирования

<Text
    numberOfLines={1}// add this
    adjustsFontSizeToFit// add this
    style={{textAlign:'center',fontSize:30}}
  >
Alexandre Dao

реагировать на Native Adpractive Font

import { Dimensions } from 'react-native';

const { width, **fontScale** } = Dimensions.get("window");

const styles = StyleSheet.create({
    fontSize: idleFontSize / **fontScale**,
});
Crazy Capybara

Изменить размер текста в соответствии с экраном 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
   }
  }
Xenophobic Xenomorph

Отзывчивый размер шрифта отреагирует натив

import { Dimensions, Platform, PixelRatio } from 'react-native';

const {
  width,
  height,
} = Dimensions.get('window');

export function normalize(size, multiplier = 2) {
  const scale = (width / height) * multiplier;

  const newSize = size * scale;

  return Math.round(PixelRatio.roundToNearestPixel(newSize));
}
Helpful Hamster

Ответы похожие на “Отзывчивый размер шрифта отреагирует натив”

Вопросы похожие на “Отзывчивый размер шрифта отреагирует натив”

Больше похожих ответов на “Отзывчивый размер шрифта отреагирует натив” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования