“react-native”中“React”的“Asyncselect”有什么替代方案吗？

Question

I am new to React-native and stuck in one issue as I am still exploring options in it. My current issue is, I need to display a searchable drop down where it will display top five items and its going to come from an api and with a search field on the top. When user types the data in search field, the drop down will start searching it by calling a async api and get the data and display in same drop down. Is it possible in react-native? In react, it can be done using "react-select/async" package. Below is the react code: React:

async getOptions(inputValue, callback) {
    
    if (!inputValue) {
      return callback([]);
    }
    const response = await fetch(
      `${this.state... }?search=${inputValue}&limit=${
        this.state...
      }`
    );
    const json = await response.json();
    return callback(json.results);
  }

<AsyncSelect
        cacheOptions
        defaultOptions
        value={selectedValue}
        getOptionLabel={e => e.title}
        getOptionValue={e => e.id}
        loadOptions={getOptions}
        onInputChange={handleInputChange}
        onChange={handleChange}
      />

There is a loadOptions param which is a callback function and it returns the data by calling async function.

Can we do the same in react-native or which alternative we can use.?

I am new to react-native any help would be really appreciated.

Thanks in Advance.

Answer 1

you can refer react-native-searchable-dropdown here or react-native-dropdown-searchable here