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/