placeholderColor error in RN 0.55 about react-native-picker-select HOT 6 CLOSED

@vretamal - Most likely the issue you are running into is how you had that stylesheet defined. From all docs I see StyleSheet.create is expecting an object that has values that are also objects.

When you defined placeholderColor: '#ababab' this is breaking that pattern and most likely causing the issue, causing the StyleSheet.create call to error. When the stylesheet would be merged into styles this would create a situation where react native is trying to merge objects in an array to a random string.
Essentially:

style={[
  { paddingTop: 12, paddingBottom: 11, paddingLeft: 8, fontSize: 12 },
  { flex: 1 },
  '#ababab'    // <===== this is what would end up happening
]}

I can totally see why you would put it at this level due to how we are doing our lookup of style.placeholderColor in the source.

Fixes on our end will most likely need to be:
#1 - match the actual name of placeholderTextColor that textinputs expect: https://facebook.github.io/react-native/docs/textinput#placeholdertextcolor
#2 - instead of referencing props.style.placeholderColor in the component we should move this to a top level prop not nested in style and/or reference style.inputAndroid.placeholderTextColor and style.inputIOS.placeholderTextColor

Upside to going off each input is it is more explicit, downside being you'd have to define it twice when it is very likely we'd want the same placeholder color on both platforms.

from react-native-picker-select.

Your style object doesn't have a placeholderColor prop. Where are you using the the placeholderColor prop?

from react-native-picker-select.

Sorry, bad paste.
I just edited the last comment with this:

const estilosSelect = StyleSheet.create({
  inputIOS: {
    paddingTop: 12,
    paddingBottom: 11,
    paddingLeft: 8,
    fontSize: estilosGlobales.spaceSize.stock,
  },
  viewContainer: {
    flex: 1,
  },
  placeholderColor: '#ababab',
});

from react-native-picker-select.

Try without the stylesheet

from react-native-picker-select.

Without StyleSheet works.
In example.js:161 you've used StyleSheet, that's confuse me.
Grettings!

from react-native-picker-select.

Good catch, will look into that

from react-native-picker-select.