🐡

flutter でドロップダウンに検索を入れる方法

2022/02/05に公開約1,000字

flutter でドロップダウンに検索を入れる方法

ライブラリ

サンプル

SearchChoices.single(
  items: items,
  value: value,
  onChanged: (value) {
    setState(() {
      _value = value;
    });
  },
  isExpanded: true,
)
  • itemsが文字列リストじゃない場合はsearchFnでカスタマイズしてやればOK.
searchFn: (String keyword, items) {
  List<int> ret = [];
  if (items != null && keyword.isNotEmpty) {
    keyword.split(" ").forEach((k) {
      int i = 0;
      items.forEach((item) {
        if (k.isNotEmpty &&(item.value.name.contains(k.toLowerCase()))) {
          ret.add(i);
        }
        i++;
      });
    });
  }
  if (keyword.isEmpty) {
    ret = Iterable<int>.generate(items.length).toList();
  }
  return (ret);
}

Discussion

ログインするとコメントできます