More on styling

const styles = {
  //  return JSON Object, used to define the CSS Style
  textStyle: {
    // textStyle is the properties
    fontSize: 20
  },
  viewStyle:{
      backgroundColor:'#F8F8F8',
      justifyContent: 'center',      
      alignItems: 'center',
      height:60,
      paddingTop: 15,
      // Shadow Related config
      shadowColor: '#000',
      shadowOffset: {
        width:0,
        height:2
      },
      shadowOpacity: 0.2, // darkness of shadow
      // 
      elevation:2,
      position:'relative'
      
  }
};

Last updated

Was this helpful?