Is there a way to give placeholder text for the search box?

[vinodsptharsha]

When isSearcheable is enabled, we get a search box in the modal, an input component with borders. End users are getting confused with the box design. A placeholder text for the search box makes it convenient. Is there a way to give placeholder text for the search box?

[azeezat]

@vinodsptharsha Great question. A new release has just been published addressing this question

 searchControls={{
              textInputProps: {
                placeholder: 'Search anything here',
                placeholderTextColor: 'gray',
              },
            }} 

textInputProps can take the same kind of properties accepted by the base React Native TextInput

[vinodsptharsha]

@azeezat The Issue arises when the data passed to options is not a valid array. Now for an empty array option, I started getting the below error.

[azeezat]

I think this has been addressed this in the newly published release. Passing in an empty array should show a more reasonable error now.

[vinodsptharsha]

@azeezat I think the earlier approach was better where I can pass react query data directly. On initial load, my components will not have any valid array of data. Post mount I will get the proper data from the APIs. Now my entire application broke. To solve this I need to check the array length and then conditionally render the DropDown which now looks ugly.

A better approach is to allow an empty array or undefined data for options (need to be handled by the package) which may be changed after API calls update.

[vinodsptharsha]

Or when invalid data or an empty array is passed to options it is better to show an empty modal with no options to select or an alert message saying no options to select rather than throwing an Error.

[azeezat]

@vinodsptharsha Sorry to hear about this. I totally agree with you. This fix should be addressed in the next release

[vinodsptharsha]

@azeezat Thank you for restoring the support for the empty array. I have one question! Is there a way, I can put a custom message instead of no options available when the array is empty? I have dependent dropdowns, after selecting one option only I will get options for another dropdown. I can show a user message saying please select the first dropdown option first.

[azeezat]

You are welcome. I have just published a new release addressing this

 listControls={{
    emptyListMessage: 'No record found',
    ...
 }}