How to adjust my stylesheet according to the screen resolution?

How to / Third Party Tooling
,
1

Hi, I’m new in Expo and React Native. I have a modal with a swipeable slide container, I need adapt the stylesheet (specifically the fontsize) to the resolution of my phone, in my iPhone6 the last line from the first paragraph looks correct, with just the right size, but in this device of the Android emulator (and similar devices), looks like this:

ejemplo2
ejemplo2926×500 101 KB

look, there is an excess space in the text (that red line).

I need that the styles change according to I know about the existence of “useWindowDimensions” but I don’t understand how apply this for what I need, I want to do (for example): if the resolution is 1440x2560 the fontsize is 16px, if the resolution is 1080x2280 my fontsize is 15px.
My code:


import React from 'react';
import {
  StyleSheet,
  Text,
  View,
} from 'react-native';

import SwipeableViews from 'react-swipeable-views-native';


const styles = StyleSheet.create({
  slideContainer: {
    height: 420,
    width: 310,
  },
  slide: {
    padding: 15,
    height: 420,
    width: 310,
  },
  slide1: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide2: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide3: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide4: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide5: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide6: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide7: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide8: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide9: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide10: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide11: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide12: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide13: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide14: {
    backgroundColor: 'white',
    fontSize: 15
  },
  slide15: {
    backgroundColor: 'white',
    fontSize: 15
  },
  text: {
    color: 'black',
    fontSize: 15,
  },
  destacado: {
    color: 'black',
    fontSize: 15,
    fontWeight: 'bold',
  },
});

const MyComponent = () => (
  
  <SwipeableViews style={styles.slideContainer}>
    <View style={[styles.slide, styles.slide1]}>
      
      <Text style={styles.text}>
        {/* {"\n"} */}
        <Text style={{fontSize: 16, fontWeight:"bold", color: 'black'}}>GENERALIDADES</Text> 
        {"\n"}
        {"\n"}
        <Text style={styles.destacado}>El Operador se compromete a proteger y respetar la información confidencial de cada uno de los 
        usuarios de </Text><Text style={{color: '#52C0FF'}}>www.dsfddstgredssfds.cool</Text>. Es importante que cada usuario del Sitio lea atentamente y entienda 
        este apartado de confidencialidad y los Términos y Condiciones, donde se podrá encontrar toda la 
        información relativa al uso de los datos personales, así como los derechos y obligaciones de los 
        usuarios. 
        {"\n"}
        <Text style={styles.destacado}>El Operador solo accederá a los datos personales de los usuarios o jugadores cuando necesite 
        llevar a cabo los servicios habituales de su sitio web</Text>, como por ejemplo <Text style={styles.destacado}>procesar depósitos 
        y retiros de granancias o </Text>
        {"\n"}
      </Text>
    </View>
    <View style={[styles.slide, styles.slide2]}>
      <Text style={styles.text}>
      <Text style={styles.destacado}>facilitar información adicional solicitada por sus usuarios. </Text>
      {"\n"}
      {"\n"}
      El correo electrónico es la principal vía de contacto para informar a los usuarios sobre nuevas actualizaciones en el Software y en los Términos y Condiciones, hacerles llegar las últimas promociones o para ayudar con operaciones como depósitos y retiros, así como para contestar a las preguntas que se envían mediante el formulario de contacto en el Sitio. 
      Si el Jugador no desea recibir material publicitario, deberá cancelar su suscripción al boletín o ponerse en contacto con el servicio de atención al cliente.  
      </Text>
    </View>
    <View style={[styles.slide, styles.slide3]}>
      <Text style={styles.text}>
        Términos n°3
      </Text>
    </View>
    <View style={[styles.slide, styles.slide4]}>
      <Text style={styles.text}>
        Términos n°4
      </Text>
    </View>
    <View style={[styles.slide, styles.slide5]}>
      <Text style={styles.text}>
        Términos n°5
      </Text>
    </View>
    <View style={[styles.slide, styles.slide6]}>
      <Text style={styles.text}>
        Términos n°6
      </Text>
    </View>
    <View style={[styles.slide, styles.slide7]}>
      <Text style={styles.text}>
        Términos n°7
      </Text>
    </View>
    <View style={[styles.slide, styles.slide8]}>
      <Text style={styles.text}>
        Términos n°8
      </Text>
    </View>
    <View style={[styles.slide, styles.slide9]}>
      <Text style={styles.text}>
        Términos n°9
      </Text>
    </View>
    <View style={[styles.slide, styles.slide10]}>
      <Text style={styles.text}>
        Términos n°10
      </Text>
    </View>
    <View style={[styles.slide, styles.slide11]}>
      <Text style={styles.text}>
        Términos n°11
      </Text>
    </View>
    <View style={[styles.slide, styles.slide12]}>
      <Text style={styles.text}>
        Términos n°12
      </Text>
    </View>
    <View style={[styles.slide, styles.slide13]}>
      <Text style={styles.text}>
        Términos n°13
      </Text>
    </View>
    <View style={[styles.slide, styles.slide14]}>
      <Text style={styles.text}>
        Términos n°14
      </Text>
    </View>
    <View style={[styles.slide, styles.slide15]}>
      <Text style={styles.text}>
        Términos n°15
      </Text>
    </View>
  </SwipeableViews>
);

export default MyComponent;

I hope you understand me, my English isn’t very advanced
Thanks, kind regards.