Unable to override input style

Describe the bug
Unable to override the style of the element inside the container view.

To Reproduce
Steps to reproduce the behavior:

1. Load the picker component in a blank app.
2. Fill all required attributes for the component with the once similar to the main example.
3. Add a style attribute and add the following value to it:

const style = {
   inputAndroid: {
      padding: 0,
      paddingTop: 0,
      paddingBottom: 0,
      paddingLeft: 0,
      paddingRight: 0,
      paddingVertical: 0,
      paddingHorizontal: 0,
   },
   inputIOS: {
      padding: 0,
      paddingTop: 0,
      paddingBottom: 0,
      paddingLeft: 0,
      paddingRight: 0,
      paddingVertical: 0,
      paddingHorizontal: 0,
   },

};

1. The padding is still visible.

Expected behavior
The padding is removed, styles are applied.

Screenshots
Result, nothing changed:

Additional details

• Device: Pixel 2
• OS: 10.0 (Q) - API 29
• react-native-picker-select version: 7.0.0
• react-native version: 37.0.1
• react version: 16.9

Code sample

import React from 'react';
import RNPickerSelect from 'react-native-picker-select';

export default class App extends React.Component {
  render() {
    return (
      <RNPickerSelect
        style={style}
        onValueChange={(value) => console.log(value)}
        items={[
          { label: 'Football', value: 'football' },
          { label: 'Baseball', value: 'baseball' },
          { label: 'Hockey', value: 'hockey' },
        ]} />
      );
  }
}

[Fleuv]

For android it seems to be possible to get it some kind of working with the attribute useNativeAndroidPickerStyle set to false. Then you can set the the style under the inputAndroid attribute.

However this removes the arrow icon on the right.

[lfkwtz]

looks like this was solved. unless you set useNativeAndroidPickerStyle={false} or use the android headless mode, you’re dealing with the native android picker and styling is limited