Search functionality not showing

[sbozzella]

Hi, i want to use dropdown menù with search functionality but it doesn't work. I mean i have enabled correctly "search" but nothing happen. This is a part of the code:

let city = ['Rome', 'New York', 'Ottawa', 'Venice', 'Paris'];
<SelectDropdown
                data = {city}
                onSelect={(selectedItem, index) => {
                  this.setState({ operatorSelected: selectedItem })
                }}
                buttonTextAfterSelection={(selectedItem, index) => {
                  return selectedItem
                }}
                rowTextForSelection={(item, index) => {
                  return item
                }}
                renderDropdownIcon={isOpened => {
                  return <FontAwesome name={isOpened ? 'chevron-up' : 'chevron-down'} color={'#004975'} size={18} />;
                }}
                search
                dropdownIconPosition={'right'}
                defaultButtonText={'Lista degli operatori'}
                buttonStyle={styles.dropdownBtnStyle}
                buttonTextStyle={styles.dropdownBtnTxtStyle}
              />

And this is the version: "react-native-select-dropdown": "^2.0.1",

This is a screen of my application:

I tried also implementing Demo 3 but also doesn't appear:

Thank you.

[AdelRedaa97]

You have to add search inside component

<SelectDropdown
   search
   ....

[sbozzella]

Yes of course i have added search inside component but doesn't work.

`let city = ['Rome', 'New York', 'Ottawa', 'Venice', 'Paris'];
<SelectDropdown
                data = {city}
                onSelect={(selectedItem, index) => {
                  this.setState({ operatorSelected: selectedItem })
                }}
                buttonTextAfterSelection={(selectedItem, index) => {
                  return selectedItem
                }}
                rowTextForSelection={(item, index) => {
                  return item
                }}
                renderDropdownIcon={isOpened => {
                  return <FontAwesome name={isOpened ? 'chevron-up' : 'chevron-down'} color={'#004975'} size={18} />;
                }}
                search // here
                dropdownIconPosition={'right'}
                defaultButtonText={'Lista degli operatori'}
                buttonStyle={styles.dropdownBtnStyle}
                buttonTextStyle={styles.dropdownBtnTxtStyle}
              />`

[AdelRedaa97]

could you try the latest version 2.0.4 and please inform me if it's still not working

[sbozzella]

I have installed the latest version:

but it's still not working:

I am developing on a physical device with Android 12.

Do you have any suggestion?

Thank you.

[sbozzella]

i don't know how but now search function appear and works but seems that it isn't able to find data in a long list :\

[AdelRedaa97]

onScrollEndReached prop is added for pagination in v3.0.0 and also onChangeSearchInputText to make your custom search function outside the component