renderForeground() {
return(
<View style={{flex:1}}>
<View style={{flex:1,justifyContent:'center',alignItems:'center',backgroundColor:'rgba(0,0,0,0)',marginTop:20}}>
<Text style={{fontSize:25,fontWeight:'800',marginTop:4,color:'white'}}>{this.state.weather.city}</Text>
<Text style={{fontSize:17,fontWeight:'800',textAlign:'center',color:'white',marginTop:4,marginBottom:4}}>{this.state.weather.weather}</Text>
</View>
<View style={{flex:1,flexDirection:'row',justifyContent:'center',backgroundColor:'rgba(0,0,0,0)',marginTop:-10}}>
<View style={{flex:1,padding:2,justifyContent:'center',alignItems:'flex-end'}}>
<Image source={require('../Images/sunny.gif')} style={{height:80,width:80,resizeMode:'contain',padding:2}}/>
</View>
<View style={{flex:1,justifyContent:'center',alignItems:'flex-start',padding:2}}>
<Text style={{fontSize:40,fontWeight:'400',textAlign:'center',color:'white'}}>{this.state.weather.h_tmp}</Text>
<Text style={{fontSize:15,fontWeight:'200',textAlign:'center',color:'white'}}>{this.state.weather.l_tmp}</Text>
</View>
</View>
<View style={{flex:1,flexDirection:'column',backgroundColor:'rgba(0,0,0,0)'}}>
<View style={{flex:1,flexDirection:'row',justifyContent:'space-between',alignItems:'flex-end'}}>
<Text style={{margin:5,color:'white'}}>Today:{this.state.weather.date} Time:{this.state.weather.time}</Text>
<Text style={{margin:5,color:'white'}}>{this.state.weather.WS}</Text>
</View>
</View>
</View>);
}