search_widget

Виджет поиска

Этот пакет Flutter предоставляет виджет поиска для выбора параметра из списка данных. Обеспечивает фильтрацию элементов на основе искомого текста.

Установка

В разделе dependencies: вашего pubspec.yaml добавьте следующую строку:

 dependencies :
  search_widget : <latest version>

❔ Использование

Импортировать этот класс

 import 'package:search_widget/search_widget.dart' ;

Добавить виджет поиска

• Принимает список данных в качестве входных данных
• Возможность получения выбранного элемента. Возвращает выбранный элемент или ноль, если элемент удален

onItemSelected : (item) {
    //Do whatever you would like
    setState (() {
       _selectedItem = item;
    });
 },

• Опция для создания элементов всплывающего списка. По сути, это возвращает виджет, который будет отображаться как элемент списка во всплывающем окне.

popupListItemBuilder : ( LeaderBoard item) {
   return PopupListItem (item);
 }

• Возможность фильтрации списка данных на основе поискового запроса

queryBuilder : ( String query, List < LeaderBoard > list) {
   return list. where (( LeaderBoard item) => item.username. toLowerCase (). contains (query. toLowerCase ())). toList ();
 }

• Опция предусмотрена для выбранного конструктора элементов списка, которая активируется, когда пользователь выбирает элемент из всплывающего списка.

selectedItemBuilder : ( LeaderBoard selectedItem, deleteSelectedItem) {
   return SelectedItem (selectedItem,deleteSelectedItem);
 }

• Возможность предоставления пользовательского TextField. Принимает TextEditingController и FocusNode в качестве параметра.

textFieldBuilder : ( TextEditingController controller, FocusNode focusNode) {
    return TextField (
        controller : controller,
        focusNode : focusNode,
        //... Other customizations here
       );
  },

Полная реализация

 SearchWidget < LeaderBoard >(
   dataList : list,
   hideSearchBoxWhenItemSelected : false ,
   listContainerHeight : MediaQuery . of (context).size.height / 4 ,
   queryBuilder : ( String query, List < LeaderBoard > list) {
     return list. where (( LeaderBoard item) => item.username. toLowerCase (). contains (query. toLowerCase ())). toList ();
   },
   popupListItemBuilder : ( LeaderBoard item) {
     return PopupListItemWidget (item);
   },
   selectedItemBuilder : ( LeaderBoard selectedItem, VoidCallback deleteSelectedItem) {
     return SelectedItemWidget (selectedItem, deleteSelectedItem);
   },
   // widget customization
   noItemsFoundWidget : NoItemsFound (),
   textFieldBuilder : ( TextEditingController controller, FocusNode focusNode) {
     return MyTextField (controller, focusNode);
   },
 )

Ключевые моменты

• Адаптивная позиция всплывающего окна, предотвращающая скрытие всплывающего окна за клавиатурой.

• Всплывающее окно для прокрутки с помощью жеста прокрутки, если этот виджет используется внутри ScrollView

TODO

• Обеспечить поддержку метода onItemSelected для прямого возврата выбранных элементов.
• Добавить поддержку выбора нескольких элементов.
• Добавьте панель видимости, чтобы показать виджет выбранного элемента.

Мои пакеты Flutter

• pie_chart Круговая диаграмма Flutter с классной анимацией.
• avatar_glow Виджет Flutter Avatar Glow со светящейся анимацией.
• json_table Создайте таблицу Flutter Json напрямую из карты json.
• animating_location_pin Виджет Flutter Animating Location Pin, предоставляющий виджет Animating Location Pin, который можно использовать при определении местоположения устройства.

Мои приложения Flutter

• flutter_profile Продемонстрируйте мое портфолио: Аюш П. Гупта в Playstore.
• flutter_sankalan Приложение Flutter, позволяющее читать/загружать рассказы.

? Вклад

1. Разветвить это
2. Создайте свою ветку функций (git checkout -b my-new-feature)
3. Зафиксируйте изменения (git commit -m 'Добавить какую-нибудь функцию')
4. Нажмите на ветку (git push origin my-new-feature)
5. Создать новый запрос на включение