“Cambiar el tamaño del texto según la pantalla React Native” Código de respuesta

Cambiar el tamaño del texto según la pantalla 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 Fuente nativa basada en las dimensiones de la ventana gráfica

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

Respuestas similares a “Cambiar el tamaño del texto según la pantalla React Native”

Preguntas similares a “Cambiar el tamaño del texto según la pantalla React Native”

Más respuestas relacionadas con “Cambiar el tamaño del texto según la pantalla React Native” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código