picker list support custom backgroundColor

[adids1221]

Description

Picker - PickerItemList support custom backgroundColor.

Changelog

Picker - PickerItemList support custom backgroundColor.

Additional info

Issue #3111

[nitzanyiz]

@adids1221 Why don't we let the user change the background color through customPickerProps.modalProps.overlayBackgroundColor (Like the user mentioned). (Btw it seems to be breaking the modal behavior when you pass it (any modalProps)

[adids1221]

@adids1221 Why don't we let the user change the background color through customPickerProps.modalProps.overlayBackgroundColor (Like the user mentioned). (Btw it seems to be breaking the modal behavior when you pass it (any modalProps).

Ok, in the issue the user mentioned that he can't change the modal bg color since the PickerItemList has bgdefault token.
The issue is coming from the picker item list, the custom overlay bg color will be seen only when the modal have overlay background which is only Modal mode.

snippet code:

          <Picker
            placeholder="Favorite Language"
            value={this.state.language}
            onChange={item => this.setState({language: item})}
            // customPickerProps={{modalProps: {overlayBackgroundColor: Colors.$backgroundWarningLight}}}
            backgroundColor={Colors.$backgroundWarningLight}
            topBarProps={{title: 'Languages'}}
            items={longOptions}
          />

Let's sync about it.

[adids1221]

Closing the PR, all the issue was only the bg color in the PickerItemList.

[theobouwman]

@adids1221 where can you set it in the PickerItemList?

[adids1221]

@adids1221 where can you set it in the PickerItemList?

Hi @theobouwman (related PR),
You can pass customPickerProps={{modalProps: {overlayBackgroundColor: 'red'}}} to the Picker and override the PickerItemList overlayBackgroundColor.