How can i style the dropdown?

[CrispenGari]

How can i style the dropdown, I've tried to use the dropdownStyle property but it seems like some styles are not being applied to the dropdown, like i want to reduce the height, padding and width of the dropdown but it seems like it's not working.

 <Dropdown dropdownStyle={{ borderWidth: 0, // <--- this works but other properties are not working }} .... />

[azeezat]

@CrispenGari The minHeight set on the component is preventing you from doing this. You can override it as follows. There is an example in the sandbox

 dropdownContainerStyle={{ width: 200 }} dropdownStyle={{ paddingVertical: 5, paddingHorizontal: 5, minHeight: 40, }} dropdownIconStyle={{ top: 15, right: 10 }}

I hope this helps.

[CrispenGari]

Thanks so much, How can i change the color of the selected item?

[azeezat]

for single selection

 selectedItemStyle={{ color: 'hotpink', fontWeight: '900', }}

For multiple select

 multipleSelectedItemStyle={{ borderRadius: 0, backgroundColor: 'hotpink', color: 'black', }}

[CrispenGari]

You are the best, Is it also possible to change the dropdown color maybe to red??

[azeezat]

You are the best, Is it also possible to change the dropdown color maybe to red??

Yes, there is are some examples in the sandbox https://azeezat.github.io/react-native-select/