0

My screen have 3 TextInput: email, re email and password. Here is my code:

 render() {
        return (
            <View>
                <TextInput
                    placeholder="Mail Address"
                    onSubmitEditing={() => { this.remail.focus(); }}
                    keyboardType={"email-address"}
                    blurOnSubmit={false}
                />
                <TextInput
                    secureTextEntry={false}
                    ref={(input) => { this.remail = input; }}
                    keyboardType={"email-address"}
                    onSubmitEditing={() => { this.password.focus(); }}
                    placeholder="Enter the mail address again"
                />
                <TextInput
                    secureTextEntry={true}
                    ref={(input) => { this.password = input; }}
                    placeholder="Password"
                />
            </View>
        )
    }

When TextInput re email focus have a icon and text password above keyboard like photo: enter image description here

How I can hide it when TextInput remail focus? p/s : it only show in Iphone 5s and 6s, Iphone 6 and 5 don't show icon and text above keyboard Thank you!

Hoa.Tran
  • 935
  • 10
  • 26

1 Answers1

0

remove secureTextEntry={false} from 

               <TextInput
                    secureTextEntry={false}
                    ref={(input) => { this.remail = input; }}
                    keyboardType={"email-address"}
                    onSubmitEditing={() => { this.password.focus(); }}
                    placeholder="Enter the mail address again"
                />
D3Portillo
  • 324
  • 2
  • 6