feat: add prop dropdownItemStyle (#600)

* [Android Dark theme]  Fixed to pass props for Background of popover

* fix(tests): update test configuration and lint fixes

src/index.js

@@ -60,6 +60,7 @@ export default class RNPickerSelect extends PureComponent {
     // Custom Icon
     Icon: PropTypes.func,
     InputAccessoryView: PropTypes.func,
+    dropdownItemStyle: PropTypes.shape({}),
   };
 
   static defaultProps = {
@@ -89,6 +90,7 @@ export default class RNPickerSelect extends PureComponent {
     Icon: null,
     InputAccessoryView: null,
     darkTheme: false,
+    dropdownItemStyle: {},
   };
 
   static handlePlaceholder({ placeholder }) {
@@ -276,10 +278,12 @@ export default class RNPickerSelect extends PureComponent {
   renderPickerItems() {
     const { items } = this.state;
     const defaultItemColor = this.isDarkTheme() ? '#fff' : undefined;
+    const { dropdownItemStyle } = this.props;
 
     return items.map((item) => {
       return (
         <Picker.Item
+          style={dropdownItemStyle}
           label={item.label}
           value={item.value}
           key={item.key || item.label}

test/test.js

@@ -555,4 +555,28 @@ describe('RNPickerSelect', () => {
             });
         });
     });
+
+    it('should apply custom styles to dropdown items', () => {
+        const customDropdownItemStyle = {
+          backgroundColor: '#d0d4da',
+          color: '#000',
+        };
+
+        const wrapper = shallow(
+          <RNPickerSelect
+            items={selectItems}
+            placeholder={placeholder}
+            onValueChange={noop}
+            dropdownItemStyle={customDropdownItemStyle}
+          />
+        );
+
+        wrapper.find('[testID="ios_touchable_wrapper"]').simulate('press');
+
+        const pickerItems = wrapper.find('Picker').find('Picker.Item');
+
+        pickerItems.forEach((item) => {
+          expect(item.props().style).toEqual(customDropdownItemStyle);
+        });
+      });
 });