Add Icon Right to unexpanded field

[MeKyleH]

Before the dropdown is expanded we should be able to give it an icon on the right hand side. For example, a down facing chevron from vector icons. That would be great, thanks!

[varqasim]

I would like this feature as well, if I have time, I will try to work on it and send a PR. This package is great, but it misses couple of stuff to make it even better.

[Kishanjvaghela]

Try this https://github.com/Kishanjvaghela/react-native-modal-dropdown

Added support for renderRightComponent.

Now you can render anything in right side including icon as well.

<ModalDropdown
            isFullWidth
            textStyle={{ flex: 1 }}
            renderRightComponent={() => (
              <Image />
            )}
            {...rest} />

[Baloc22m]

it looks like the latest version does not have renderRightComponent nor renderButtonComponent in its props. When I use it, it works but I get typescript error:

Property 'renderRightComponent' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ModalDropdown> & Readonly<ModalDropdownProps> & Readonly<...>'.

Is this by design?

[Raheel1258]

Try this https://github.com/Kishanjvaghela/react-native-modal-dropdown

Added support for renderRightComponent.

Now you can render anything in right side including icon as well.

<ModalDropdown
            isFullWidth
            textStyle={{ flex: 1 }}
            renderRightComponent={() => (
              <Image />
            )}
            {...rest} />

How can we change the icon like chevron facing up when dropdown is opened and facing down when it's not? Is there any prop for that?