search

selvamk-js / sharingan-rn-modal-dropdown

A simple and customizable react-native dropdown created using react-native-modal and react-native-paper.
MIT License
85 stars 28 forks source link

Option to change tick and down arrow #18

Closed SaadAhmadSaddiqui closed 3 years ago

SaadAhmadSaddiqui commented 3 years ago

Is your feature request related to a problem? Please describe. Color of the tick and the dropdown is different than the rest of my layout.

Describe the solution you'd like Option to change color of the tick or pass a custom tick component. Also the down arrow on the input.

Describe alternatives you've considered

Additional context

selvamk-js commented 3 years ago

Hello, @SaadAhmadSaddiqui there is prop primaryColor if you set color here that will help to change the color for both the dropdown arrow and for the tick mark.

SaadAhmadSaddiqui commented 3 years ago

Ah alright. Thanks!

SaadAhmadSaddiqui commented 3 years ago

But I was also hoping to maybe pass a custom JSX.Element down to the arrow and the tick to make it more customizable.

selvamk-js commented 3 years ago

Ummm, I get it. I'll look into that.

sorioinc commented 3 years ago

@srk-sharingan thanks for this component, it has been a life saver. Have you had a chance to look into adding a custom tick icon?

selvamk-js commented 3 years ago

I have been stuck with other work, couldn't spend time on these issues. If anyone got time to fix this issue that would be awesome PRs always welcome.

selvamk-js commented 3 years ago

Use the below props: Prop: dropdownIcon - Change dropdown icon -> material design icon Prop: itemSelectIcon - Change dropdown item select icon -> Custome react node or material design icon