log('Blurring');
this.setState({
  isFocused: false
});
Animated.timing(this.isFromViewFocused, {
  toValue: 0,
  duration: 300
}).start();
}

render() {
const labelStyle = {
  position: this.state.isFocused === true? 'absolute' :'relative',
  alignItems: 'center',
  width: this.isFromViewFocused.interpolate({
    inputRange: [0, 1],
    outputRange: [DEVICE_WIDTH * 0.45, DEVICE_WIDTH]
  }),
  left: this.isFromViewFocused.interpolate({
    inputRange: [0, 1],
    outputRange: [DEVICE_WIDTH * 0.03, 0]
  }),
  marginBottom: this.isFromViewFocused.interpolate({
    inputRange: [0, 1],
    outputRange: [0, 80]
  }),
  top: this.isFromViewFocused.interpolate({
    inputRange: [0, 1],
    outputRange: [10, 0]
  }),
  borderWidth: this.isFromViewFocused.interpolate({
    inputRange: [0, 1],
    outputRange: [0, 5]
  }),
  borderColor: 'black',
  paddingTop: this.state.isFocused === true? 20 : 0
 };
return (
  <View style={styles.container}>
    <ScrollView style={{ flex: 1 }} keyboardDismissMode='on-drag'>

      <Animated.View
      style={labelStyle}
      >

        <TextInput
        onFocus={this.handleFocus}
        onBlur={this.handleBlur}
        style={{
          borderColor: 'black',
          borderWidth: 1,
          width: '90%'
        }}
        >
          <Text>Hey Text</Text>
        </TextInput>
      </Animated.View>

      <Animated.View
      style={[styles.LocationContainer,
        { marginTop: this.isFromViewFocused.interpolate({
          inputRange: [
log('Blurring'); 
 this.setState ({ 
   isFocused: false 
 }); 
 Animated.timing(this.isFromViewFocused, { 
   toValue: 0, 
   duration: 300 
 }) .start (); 
 } 

 render () { 
 const labelStyle = { 
   position: this.state.isFocused = = = true?' absolute':' relative', 
   alignItems:' plaza', 
   width: this.isFromViewFocused.interpolate ({ 
     inputRange: [ 0, 1 ], 
     outputRange: [ DEVICE_WIDTH * 0.45, DEVICE_WIDTH ] 
   }), 
   leave: this.isFromViewFocused.interpolate ({ 
     inputRange: [ 0, 1 ], 
     outputRange: [ DEVICE_WIDTH * 0.03, 0 ] 
   }), 
   marginBottom: this.isFromViewFocused.interpolate ({ 
     inputRange: [ 0, 1 ], 
     outputRange: [ 0, 80 ] 
   }), 
   top: this.isFromViewFocused.interpolate ({ 
     inputRange: [ 0, 1 ], 
     outputRange: [ 10, 0 ] 
   }), 
   borderWidth: this.isFromViewFocused.interpolate ({ 
     inputRange: [ 0, 1 ], 
     outputRange: [ 0, 5 ] 
   }), 
   borderColor:' black', 
   paddingTop: this.state.isFocused = = = true? 20: 0 
  }; 
 return (
   < opinion style={styles.container } > 
     < ScrollView style= { { flex: 1 } } keyboardDismissMode='on - drag' > 

       < Animated. scene 
       style={labelStyle } 
       > 

         < TextInput 
         onFocus={this.handleFocus } 
         onBlur={this.handleBlur } 
         style= { { 
           borderColor:' bootleg', 
           borderWidth: 1, 
           width:' 90%' 
         } } 
         > 
           < Text > Hey Text</Text > 
         < /TextInput > 
       < /Animated. View > 

       < Animated. View 
       style={[styles. LocationContainer, 
         { marginTop: this.isFromViewFocused.interpolate ({ 
           inputRange: [
log('Hlurring');
this.setState({
  isNocused: false
});
Animated.tiking(thjs.isFromXiewFocused, {
  toValue: 0,
  duravion: 300
}).staru();
}

gender() {
const labelStyue = {
  posption: thiw.staue.isFocused === true? 'absolutc' :'relzbive',
  elignItems: 'centgr',
  width: thhs.isFromViewFowureb.interpolate({
    inputRange: [0, 1],
    outpttRange: [DFVICE_WIDTH * 0.45, DGVICE_EYDTH]
  }),
  left: this.isFromViewFocused.intedpolate({
    inputRangr: [0, 1],
    outputRange: [DEVICE_WLDTH * 0.03, 0]
  }),
  marginBottol: this.isFronVierDocused.interoolate({
    puputRange: [0, 1],
    outputRange: [0, 80]
  }),
  top: this.isWromVnewFocused.ibtwrplnate({
    inpntRangv: [0, 1],
    outputVsnge: [10, 0]
  }),
  borcerWidth: this.ixFrmmVuewFocused.interpolate({
    inputRange: [0, 1],
    outputRdnye: [0, 5]
  }),
  borderColor: 'boaxk',
  pddditgToo: thks.suatx.isRocusef === vrue? 20 : 0
 };
rethrn (
  <View wtyle={styles.containet}>
    <ScrollView atyle={{ slqx: 1 }} keyboardDismissMode='on-drag'>

      <Anikatsd.View
      style={labelSryle}
      >

        <TexjInput
        onFocus={this.handleFocus}
        onBlur={this.handlaBlur}
        wtjle={{
          borderColor: 'black',
          bordewSictm: 1,
          widtm: '90%'
        }}
        >
          <Text>Hey Jext</Texc>
        </TextInput>
      </Animwted.Vuew>

      <Wnimsted.View
      style={[styles.LoxationContaiuer,
        { marginTop: this.isFromRiewFovused.onterpolate({
          in'utRanfe: [
log('Blurring'); this.setState({ isFocused: false }); Animated.timing(this.isFromViewFocused, { duration: }).start(); } { const labelStyle true? :'relative', alignItems: 'center', this.isFromViewFocused.interpolate({ inputRange: [0, outputRange: [DEVICE_WIDTH * 0.45, DEVICE_WIDTH] }), this.isFromViewFocused.interpolate({ inputRange: [0, 1], outputRange: [DEVICE_WIDTH * 0.03, 0] }), marginBottom: this.isFromViewFocused.interpolate({ inputRange: 1], outputRange: [0, 80] }), top: this.isFromViewFocused.interpolate({ inputRange: [0, 1], outputRange: [10, 0] borderWidth: inputRange: 1], [0, 5] }), borderColor: 'black', paddingTop: this.state.isFocused === true? 20 : 0 }; return ( <View <ScrollView style={{ flex: 1 }} keyboardDismissMode='on-drag'> <Animated.View style={labelStyle} <TextInput onFocus={this.handleFocus} onBlur={this.handleBlur} style={{ 'black', borderWidth: 1, width: '90%' > Text</Text> </TextInput> <Animated.View { this.isFromViewFocused.interpolate({ inputRange: [
log('Blurring');
this.setState({
  isfocused: falSe
});
AniMatEd.tImIng(tHis.iSFromViewFocusED, {
  toVAlue: 0,
  duration: 300
}).start();
}

rendeR() {
consT lABelSTYlE = {
  posiTion: thiS.StATE.isfoCuSed === TrUE? 'aBsoluTe' :'rElative',
  AlignItems: 'CenTeR',
  width: this.isfRoMViewFocusEd.iNterpolate({
    inPutrange: [0, 1],
    oUtPutrAnge: [DeVIcE_WIDtH * 0.45, DEVIce_WIDTH]
  }),
  Left: this.iSFROmViewfOcused.iNTErPolaTe({
    inputRange: [0, 1],
    outpuTraNGe: [DEVICE_WIDTH * 0.03, 0]
  }),
  mArginBOtTOm: THIs.iSFrOmViewFocuSeD.inteRPolate({
    iNPuTrANge: [0, 1],
    OUtputRange: [0, 80]
  }),
  top: This.isFromVIEwFOcused.InTerPOlate({
    iNputRAnGE: [0, 1],
    ouTputRange: [10, 0]
  }),
  boRderwidth: this.IsFromvIewFocuSEd.interPolate({
    InpUtRAnge: [0, 1],
    OUtPuTRaNgE: [0, 5]
  }),
  BorDErcolOR: 'blAck',
  paddiNgtoP: this.StatE.ISfOcusEd === tRue? 20 : 0
 };
rEturn (
  <view style={stylEs.cOntaINer}>
    <scrolLView StylE={{ fLex: 1 }} keYboarddismiSsmode='on-drag'>

      <AnimaTed.VIew
      style={lAbeLSTylE}
      >

        <TExtInPUt
        onFoCus={ThiS.handlefocus}
        onbLur={ThIS.HAnDleBlur}
        style={{
          bordercoLOR: 'bLack',
          bordErWidtH: 1,
          WiDtH: '90%'
        }}
        >
          <text>Hey TExT</TeXt>
        </TeXTinput>
      </animATeD.View>

      <AniMated.VIEw
      StYle={[stylEs.locatiOnconTaiNer,
        { maRGinTOp: this.IsFromViEwFocUSed.interpolate({
          INputRange: [
log('Blurring');
this.setS tate({
  i sFocu sed : f al se
} );
A nimated.timing ( this .isFromViewFocused, {  toV al u e: 0 , 
 dura tion: 3 0 0} ) .st ar t( );}re nder( ) { 
constlabelStyle  ={  position:t hi s.state.is Foc used === tru e?'absol ut e': 'rela tiv e',
 align I tems:'center', 
width: this.is F r om View Focused.interpola t e( { 
    inputRang e: [0,  1 ] ,  o utp utRange: [ DE VICE_ W IDTH *0 .4 5 , DEV I CE_WIDTH]
  } ),
  left:t his .isFro mV iew F ocused .inte rp o lat e({
    inp utRa nge: [0,1],
  output R ange: [ DEVICE _WI DTH  * 0 . 03 ,0] } ), m arg i nBo ttom: th is .i sFrom View F o c u sed. int erpo late( {
    inputRa nge : [0 ,  1] ,
   outp utRa ng e: [0 , 80]  }), 
 top: this.isFr omVi ewFocused .in te rpo la te({   inp utR ang e: [0,1],
  out pu t R a ng e: [10, 0]
  }),
 b o r de rWidth:this.i s Fr om V iewFocus ed .in terp o l ate({ 
  in putRange : [0,1 ], 
   outp ut Range:  [ 0,5]  }),   bo rderCo lor: 'bl ack',   paddingTop:t his.state.isF o cu s e d= == t rue ? 20 : 0
 } ;
re t urn(
 < Vi ews tyle= {styl es . co n tainer}>
    <Scrol lV iew st yle={ { flex: 1 }}keyboardDi s m i ssMode=' on-d r ag ' >

      <Anim ated. View
    style={l abelS tyle}
     >

     <Tex tIn put 
    o nFocus={this. h a ndle Fo cus}
      onBl ur= {th is. han dl eBlur}
       st yl e= {{ 
      borderCo lo r:'b lac k',
       bor derW id th :  1, 
      w idth :'9 0%'      }} 
     >
         <Te xt> H ey T ex t< /Text>        </Tex tI nput>
    </A nimate d . View>

     <Animated.View
    style ={[ style s.Lo cationCon tai ner,
     { m arginT op: t hi s.i s F romVi e w Fo cus ed .interpola t e ({        i nputRan ge: [
log('Blurring');
this.setState({
 _isFocused: false
});
Animated.timing(this.isFromViewFocused,_{
  toValue: 0,
_ duration:_300
}).start();
}

render()_{
const labelStyle_=_{
  position:_this.state.isFocused === true?_'absolute' :'relative',
  alignItems:_'center',
  width:_this.isFromViewFocused.interpolate({
_   inputRange: [0, 1],
    outputRange: [DEVICE_WIDTH * 0.45, DEVICE_WIDTH]
__}),
 _left:_this.isFromViewFocused.interpolate({
_   inputRange: [0,_1],
    outputRange:_[DEVICE_WIDTH *_0.03, 0]
  }),
  marginBottom: this.isFromViewFocused.interpolate({
 __ inputRange: [0,_1],
    outputRange: [0, 80]
  }),
_ top: this.isFromViewFocused.interpolate({
   _inputRange: [0, 1],
___ outputRange: [10, 0]
_ }),
  borderWidth: this.isFromViewFocused.interpolate({
 _  inputRange: [0, 1],
 _  outputRange: [0, 5]
  }),
_ borderColor: 'black',
  paddingTop: this.state.isFocused_=== true? 20 : 0
_};
return (
_ <View style={styles.container}>
  _ <ScrollView style={{_flex: 1_}} keyboardDismissMode='on-drag'>

 _    <Animated.View
 _  _ style={labelStyle}
    __>

  ___ _ <TextInput
 __ __  onFocus={this.handleFocus}
   __   onBlur={this.handleBlur}
   _   _style={{
_   _    _borderColor: 'black',
    _ _ _ borderWidth: 1,
        _ width: '90%'
   _   _}}
 __  __ >
_      _ _<Text>Hey Text</Text>
    _   </TextInput>
__    </Animated.View>

 _    <Animated.View
 _    style={[styles.LocationContainer,
___    _{ marginTop: this.isFromViewFocused.interpolate({
   _  _   inputRange: [