“Zmień rozmiar tekstu według ekranu React Native” Kod odpowiedzi

Zmień rozmiar tekstu według ekranu 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

React Native Font na podstawie wymiarów rzutni

<View>
  <Text
    numberOfLines={1}
    adjustsFontSizeToFit
    style={{textAlign:'center',fontSize:30}}
  >
    {this.props.email}
  </Text>
</View>
Good Gemsbok

Odpowiedzi podobne do “Zmień rozmiar tekstu według ekranu React Native”

Pytania podobne do “Zmień rozmiar tekstu według ekranu React Native”

Więcej pokrewnych odpowiedzi na “Zmień rozmiar tekstu według ekranu React Native” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu