Nativebase: Picker button text color

[tomexa]

react-native, react and native-base version

"react": "~15.4.1"
"react-native": "0.42.0"
"native-base": "2.1.0"
I used the ignite + native base boilerplate

Expected behaviour

I wanted to change the picker button text color to white, but couldn't.
I ejected the native base theme to customize it, and modified the file Button.js:

    '.picker': {
        paddingLeft:0,
        'NativeBase.Text': {
          fontSize: 17,
          color:'#ddd',
          '.note': {
            fontSize: 12,
            lineHeight: null,
          },
        },
      }

I removed the left padding from the button, and added the fontSize and color to the Text.

Actual behaviour

Unfortunately, only the padding was removed, the text is still black

Screenshot of emulator/device

Is the bug present in both ios and android or in any one of them?

I only tested on iOS simulator

[tomexa]

For those wondering, I changed all '#000' references to my text color in the Button.js file, and it fixed it. I suppose the picker uses a specific type of button, 'light' or 'dark'.

[elivinsky]

<Picker style={{ color: '#FFF' }} >

[achubai]

@elivinsky It works but causes an error in typescript.

Type '{ color: string; }' is not assignable to type 'StyleProp<ViewStyle>'. Property 'color' does not exist on type 'StyleProp<ViewStyle>'.

[akhil-geekyants]

@achubai can you try textStyle prop of Picker

 <Picker
       textStyle={{ color: 'blue' }}
        ...
/>

[achubai]

@akhil-geekyants Unfortunately, it doesn't work properly on android.

[SupriyaKalghatgi]

Fixed with 2.4.2

[bharatbiswal]

thanx @akhil-geekyants , this one working for me.

 <Picker
       textStyle={{ color: 'blue' }}
        ...
/>

[FadiAboMsalam]

this issue still exist on android only