Placeholder

[nfq]

Hi, is it possible to have a separate placeholder text color and change that to the prop 'textStyle' after?

[gs-akhan]

Hi, I did not understand the question.

[nfq]

So, on normal form elements you can usually set a default placeholder text and a colour, usually a light grey. When the user enters a value, the placeholder is gone and the entered text is a solid black or whatever input colour you choose.

[gs-akhan]

Oh no, That become a bug then. Let me try to reproduce it. Will get back ASAP.

…

On Fri, Jun 30, 2017 at 2:21 AM, Nathan Querido ***@***.***> wrote: So, on normal form elements you can usually set a default placeholder text and a colour, usually a light grey. When the user enters a value, the placeholder is gone and the entered text is a solid black or whatever input colour you choose. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#29 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFYnVgv8h6aipDvQAUw3_zTyH9ADG4gPks5sJA43gaJpZM4OJh9I> .

[kaiyes]

has this been fixed ? Could this be the reason why upon selecting a value the defaultText doesn't change ?

[Kazi-Yako]

How Do I access defaultText after onSelect please? you are returning value but I want to be able to get the text as well.
let optionItems = this.state.locations.map((s, i) => {
return ({s.title})
});
I got the value and I need the text which is s.title to be populated as defautText.
Thank you!

[gs-akhan]

Since you have selected value.. You can filter it from your data that you have and get value.. The component currently does not give text out, but I can do this as an enhancement.

[gs-akhan]

@Kazi-Yako The onselect is invoked with two arguments. Can you check if second argument is a label ?

[Kazi-Yako]

Yes in your function here:
onSelect(label, value) {
this.props.onSelect(value);
this.setState({
modalVisible: false,
defaultText: label
});
}
the first one is the label which I need and the second one is the value.

But in mine when I call:
<Select
onSelect = {this.onSelect.bind(this)}
defaultText = {this.state.defaultMsg}
style = {{borderWidth : 1, borderColor : "green"}}
textStyle = {{}}
backdropStyle = {{backgroundColor : "#d3d5d6"}}
optionListStyle = {{backgroundColor : "#F5FCFF"}}>
{optionItems}

and use:
onSelect(label, data) {
this.setState({selectedLocationId : data, defaultMsg: label});
}

label has the value and data is undefined.
I am trying to capture both.

Thank you for the prompted response.

[gs-akhan]

I will fix this thanks

…

On Tue, 26 Sep 2017 at 10:13 PM, Kazi-Yako ***@***.***> wrote: Yes in your function here: onSelect(label, value) { this.props.onSelect(value); this.setState({ modalVisible: false, defaultText: label }); } the first one is the label which I need and the second one is the value. But in mine when I call: <Select onSelect = {this.onSelect.bind(this)} defaultText = {this.state.defaultMsg} style = {{borderWidth : 1, borderColor : "green"}} textStyle = {{}} backdropStyle = {{backgroundColor : "#d3d5d6"}} optionListStyle = {{backgroundColor : "#F5FCFF"}}> {optionItems} and use: onSelect(label, data) { this.setState({selectedLocationId : data, defaultMsg: label}); } label has the value and data is undefined. I am trying to capture both. Thank you for the prompted response. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#29 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFYnVhu_ZhxOpJ3Ej7gLCECKMeP9_SzBks5smSmmgaJpZM4OJh9I> .

[gs-akhan]

You see. the this.props.onSelect is invoked with only value. Can you make a PR on this ?
Thanks

[gs-akhan]

@Kazi-Yako
invoke it with both value and label and make a PR. also update the docs.
Here : https://github.com/gs-akhan/react-native-chooser/blob/master/lib/select.js#L59

[Kazi-Yako]

Done! I am not sure if I did it the right but please let me know when you update the library so my team can pull that over.

[gs-akhan]

@Kazi-Yako published on NPM ..
npm install react-native-chooser@1.6.2 --save
should do it for you.

Thanks

[solshuffle]

Going back to the original question.
Is it possible now to style the placeholder different to the selected option?
Thank you in advance :)