Nativebase: Floating Label does not reset position when input is cleared

[brozef]

Floating label is not resetting to the blurred state when clearing input on both ios and android.

Versions

native-base: 2.1.5
react: 16.0.0-alpha.12
react-native: 0.45.0

Example

<Item floatingLabel light ref={item => { this.emailItem= item; }}>
  <Label>Email</Label>
  <Input
     getRef={input => { this.emailInput = input; }}
     returnKeyType='next'
     keyboardType='email-address'
     autoCapitalize='none'
     autoCorrect={false}
     onChangeText={email => this.setState({ email })}
     onSubmitEditing={() => this.submit()}
     value={this.state.email}
  />
</Item>

submit = () => {
  //these do not reset the floating label
  this.setState({email: ''});
  this.emailInput._root.clear();
  this.emailInput._root.blur();
  //this.emailItem._inputRef.clear();   //is undefined
  //this.emailItem._inputRef.blur();   //is undefined
}

Screenshots

Initial empty state:

Entering text:

After clear:

Expected clear() to reset floating label position (in the example, email label should look like password)

[lukewlms]

Also running into this issue. Have tried .clear() as above, as well as

this._TextInput._root.setNativeProps({text: ""});

[SupriyaKalghatgi]

@JoeNimble @lukecwilliams Did you check this with NativeBase 2.3.3?

[brozef]

@SupriyaKalghatgi still an issue for me using 2.3.3

[harshada-bhanose]

@SupriyaKalghatgi still facing this issue using 2.3.3

[Nachox07]

@SupriyaKalghatgi still facing this issue using 2.3.3

[jribeiro]

Hi guys, any update on this? Would you be happy to accept a PR to address it?

[SupriyaKalghatgi]

@jribeiro Sure!

[rizzomichaelg]

PR #1606
Works for this.setState({email: ''}); but not for this.emailInput._root.clear(); because the clear function doesn't bubble up to the NB Input wrapper.

[SupriyaKalghatgi]

Floating Label does not reset position when input is cleared, this is desired behavior

[SupriyaKalghatgi]

Closing this issue

[SupriyaKalghatgi]

Released with 2.5.0