Android: Picker's dropdown arrow disappears when backgroundColor is set

The right-most dropdown arrow is invisible for picker rendered with the code below

<Picker
  mode="dropdown"
  style={{backgroundColor: 'beige'}}
  selectedValue={this.state.language}
  onValueChange={(lang) => this.setState({language: lang})}>
  <Picker.Item label="Java" value="java" />
  <Picker.Item label="JavaScript" value="js" />
</Picker>

[nrathi]

If you wrap the picker in a View with a background color, it works fine:

<View style={{backgroundColor: '#FFF'}}>
  <Picker ... />
</View>

[EvanSays]

Here’s a way to change the dropdown icon/carrot color @manojbhardwaj @CristianeMayara,

In styles.xml…

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
         <item name="android:colorControlNormal">#FFFFFF</item>
    </style>
</resources>