Inteligencia Futura

React Native definir estilos según el sistema operativo – define styles according to the operating system

Muchas veces podemos necesitar un estilo particular para Android y otro para IOS, esto lo solucionamos con el componente Platform, el cual nos permite reconocer el sistema operativo del dispositivo. (Many times we may need a particular style for Android and another for IOS, we solve this with the Platform component, which allows us to recognize the operating system of the device.)


import * as React from ‘react’;
import { Text, View, StyleSheet, Platform } from ‘react-native’;
import Constants from ‘expo-constants’;

export default class App extends React.Component {
render() {

const version = Platform.Version

return (
<View style={styles.container}>
{
Platform.OS == ‘ios’
?
<Text>Hola Doctor Void en IOS {version}</Text>
:
<Text>Hola Doctor Void en Android {version}</Text>
}
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems:’center’,
paddingTop: Constants.statusBarHeight,
backgroundColor: ‘#ecf0f1’,
padding: 8,
…Platform.select({
‘ios’:{
backgroundColor:’blue’
},
‘android’:{
backgroundColor:’green’
}
})
}
});
Email:

inteligenciafuturatv@gmail.com

Empresa
(Business)

Links

Últimas noticias(Latest News)

Saint Seiya animation 15 agosto, 2021 - futura

Copyright © 2021. Designed by  Inteligencia Futura