React-native-picker-select: Support for iOS Dark Mode

Created on 22 Oct 2019  路  6Comments  路  Source: lawnstarter/react-native-picker-select

Currently, the default styling of the Modal itself is Light in colour. with iOS 13, there is a new dark mode that turns all native elements darker (Alerts, other modal popups and theming).

If a device is able to detect Dark Mode, we should allow the select modal to be switched to a default "dark" style to fit with other elements that are likely to be present on the screen.

Looks like you could add some manual styling to the modal (which works, other than the Text style)

            modalViewMiddle: {
              backgroundColor: '#000000',
            },
            modalViewBottom: {
              backgroundColor: '#000000',
              color: 'pink', // this does not effect the select text which remains black
            }

Note: Dark mode can be pulled using some other modules and is available in Expo also (for v35).

enhancement good first issue

Most helpful comment

Turns out the color prop is on on items. When you create items {label: "", value: "", color:""}

All 6 comments

moving to feature request board

any news on this?

not on my priority list, but open to prs

Any news? Any workarounds for now? It is very urgent.

Turns out the color prop is on on items. When you create items {label: "", value: "", color:""}

Turns out the color prop is on on items. When you create items {label: "", value: "", color:""}

You my friend are Amazing. It works as expected.
Thank you!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Friendly-Robot picture Friendly-Robot  路  5Comments

marcoizzo picture marcoizzo  路  4Comments

sebqq picture sebqq  路  9Comments

dkniffin picture dkniffin  路  3Comments

karajaNaji picture karajaNaji  路  3Comments