Platform, Estilos en Android y IOS

  • Autor de la entrada:
  • Categoría de la entrada:React Native

Platform nos permite cosas interesantes como aplicar un estilo o una funcionalidad dependiendo de la plataforma en la cual se ejecuta nuestra app

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

// You can import from local files
import AssetExample from ‘./components/AssetExample’;

// or any pure javascript modules available in npm
import { Card } from ‘react-native-paper’;

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

const version = Platform.Version

return (
<View style={styles.container}>
{
Platform.OS == ‘ios’
?
<Text>Hola Carlos en IOS {version}</Text>
:
<Text>Hola Doctor Carlos 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’
}
})
}
});