Input loses focus when updating state.

[twelvearrays]

I am using React Naive 0.27.2 with nativebase 0.4.7, I am having trouble using the input component.

As you can see, I am trying to update the state on the input on onChangeText, but when I update the state the focus is lost from the input component. Is there another way to use the input component to get the value from it onSubmit?

edit:
Also TextInput is working correctly, if I substitute it for the input component.

---

`import {Container, Header, Content, Button, Title, List, ListItem, InputGroup, Input, Icon} from 'native-base';
import React, {Component} from 'react';
import {TextInput, View} from 'react-native';

export default class Login extends Component {

constructor() {
super();
this.state = {user: '', pw: undefined};
}

userNameUpdate(event){

  this.props.actions.createUser(this.state.username, '1234')
}


render() {
  const {login} = this.props

    return (
        <Container>

            <Content>

                    <InputGroup>
                           <Input
                             placeholder="USERNAME"
                             value={this.state.user}
                             onChangeText={(username) => this.setState({username})}/>
                           </InputGroup>

                       <InputGroup>
                           <Icon name="ios-unlock" />
                           <Input
                             placeholder="PASSWORD"
                             secureTextEntry={true}
                             value={(this.state && this.state.pw) || ''}
                             onChangeText={(password) => this.setState({pw: password})}/>
                       </InputGroup>


                   <Button style={{margin:5}} onPress={() => this.userNameUpdate()} block> Login </Button>


            </Content>


        </Container>
    );
}

}
`

[TimBroddin]

having the same issue

[sankhadeeproy007]

Yes it's a bug. Will be fixed my monday/tuesday.

[himanshu-satija]

Fixed in v0.4.8

[TimBroddin]

Thanks!

[k2glyph]

I am still facing this issue. i am using "native-base": "^2.0.13",

[anil1712]

Yes I am also facing the same issue in "native-base": "2.3.3"

[anil1712]

@twelvearrays, @k2glyph Guys did you get any solution for the same?

[SupriyaKalghatgi]

@k2glyph @anil1712 Facing this issue with 2.3.6?

[anil1712]

@SupriyaKalghatgi Yes, its happening in 2.3.6 also.
Please check the attached gif

Keyboard gets disappeared

[anil1712]

@SupriyaKalghatgi
FYI: I am using this for Form component
https://github.com/nicolaslopezj/simple-react-form

[SupriyaKalghatgi]

#1518