Exclude item from search

[PaviSF]

How to exclude an item from search? I have added two headers to categorize the list and when i search for an item the headers are also getting searched?

const data = [
  { label: 'Sports', value: '1', disabled: true },
  { label: 'Football', value: '2', disabled: false },
  { label: 'Cricket', value: '3', disabled: false },
  { label: 'Plans', value: '4', disabled: true },
  { label: 'Plan A', value: '5', disabled: false },
  { label: 'Plan B', value: '6', disabled: false },
  { label: 'Plan C', value: '7', disabled: false },
  { label: 'Plan D', value: '8', disabled: false },
];

const DropdownComponent = () => {
  const [value, setValue] = useState(null);

  const renderItem = (item) => {
    if (item.disabled)
      return (
        <Text onPress={(event) => event.preventDefault()} style={styles.header}>
          {item.label}
        </Text>
      );
    return (
      <View
        style={[
          styles.item,
          { backgroundColor: item.value === value ? 'red' : 'white' },
        ]}>
        <Text style={styles.textItem}>{item.label}</Text>
      </View>
    );
  };
  ``;

  return (
    <Dropdown
      data={data}
      search
      labelField="label"
      valueField="value"
      placeholder="Select item"
      searchPlaceholder="Search..."
      value={value}
      onChange={(item) => {
        setValue(item.value);
      }}
      renderItem={renderItem}
    />
  );
};

[hoaphantn7604]

Hi @PaviSF ,

I have added the props excludeSearchItems. You can pass in a list of items to be excluded from the search.
Don't forget to update to the latest version.