Allow Custom Component or Label for addCustomItem

First off, this is a great component. Very nicely done.

I have a feature request for allowing more formatting options or the ability to provide a custom component or function when addCustomItem={true}.

Currently, I don’t see a way to indicate in the UX aside from customItemContainerStyle and customItemLabelStyle that tapping the customItem will add a new item. In my particular use case, I would want to include additional text and an icon in the label, such as:

Add [SearchText], and an icon to indicate the “Add” action.

This would help end users to differentiate between adding a new item and selecting an existing one, and would also be potentially more accessible since styling alone does not convey the difference to some users.

[hossein-zare]

Hi again @ericpowell03 ,

You can customize renderListItem https://hossein-zare.github.io/react-native-dropdown-picker-website/docs/advanced/list-and-items#renderlistitem https://github.com/hossein-zare/react-native-dropdown-picker/blob/5.x/src/components/RenderListItem.js

renderListItem={(props) => <Item {...props} />}

// Just an example (pseudocode)
function Item({custom, label, ...}) {
   if (custom)
     return 'Add ' + label;

   return label;
}

[hossein-zare]

Hi @saeedhabibi ,

Please create a new issue. it’s a bug i guess.