Placeholder hides automatically

[sudharsan1988]

When I add the Factory, my placeholder got hidden. But this library works when I removed auto: 'none' on the options. Is this how it works or it can work with custom place holders too?

This one is not working: I mean the placeholder is not visible

var options = {
auto: 'none',

fields: {
firstName: {
placeholder: 'FIRSTNAME',
placeholderTextColor:'#FFFFFF',
textAlign: 'center',
factory: FloatingLabel,
stylesheet: stylesheet, // overriding the style of the textbox
},
lastName: {
placeholder: 'LASTNAME',
placeholderTextColor:'#FFFFFF',
stylesheet: stylesheet, // overriding the style of the textbox
},
email: {
placeholder: 'EMAIL',
placeholderTextColor:'#FFFFFF',
keyboardType: 'email-address',
//onSubmitEditing: () => this.refs.form.getComponent('password').refs.input.focus(),
stylesheet: stylesheet, // overriding the style of the textbox
},
password: {
placeholder: 'PASSWORD',
placeholderTextColor:'#FFFFFF',
secureTextEntry: true,
stylesheet: stylesheet, // overriding the style of the textbox
}

}
};

But this one works but don't show my custom placeholder,

var options = {

fields: {
firstName: {
placeholder: 'FIRSTNAME',
placeholderTextColor:'#FFFFFF',
textAlign: 'center',
factory: FloatingLabel,
stylesheet: stylesheet, // overriding the style of the textbox
},
lastName: {
placeholder: 'LASTNAME',
placeholderTextColor:'#FFFFFF',
stylesheet: stylesheet, // overriding the style of the textbox
},
email: {
placeholder: 'EMAIL',
placeholderTextColor:'#FFFFFF',
keyboardType: 'email-address',
//onSubmitEditing: () => this.refs.form.getComponent('password').refs.input.focus(),
stylesheet: stylesheet, // overriding the style of the textbox
},
password: {
placeholder: 'PASSWORD',
placeholderTextColor:'#FFFFFF',
secureTextEntry: true,
stylesheet: stylesheet, // overriding the style of the textbox
}

}
};

Thank you for your help.

[sudharsan1988]

I solved this with custom labels in tcomb-form-native but text box still goes empty when validation occurs. For example, if I leave all the fields empty and press the button, I can see the validation and everything is fine. Here is the problem, when I try to fill the data but move onto other field without filling it, which makes that label/placeholder empty. But floating label displays on focus event.

Am I missing something here?