search_widget

Widget de pesquisa

Este pacote Flutter fornece um widget de pesquisa para selecionar uma opção em uma lista de dados. Fornece filtragem de itens com base no texto de pesquisa.

Instalação

Na seção dependencies: do seu pubspec.yaml , adicione a seguinte linha:

 dependencies :
  search_widget : <latest version>

❔ Uso

Importar esta classe

 import 'package:search_widget/search_widget.dart' ;

Adicionar widget de pesquisa

• Aceita lista de dados como entrada
• Opção para obter o item selecionado. Retorna o item selecionado ou nulo se o item for excluído

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

• Opção para construtor de itens de lista pop. Isso basicamente retorna um widget para mostrar como item de lista no pop-up

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

• Opção para filtrar a lista de dados com base na consulta de pesquisa

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

• Opção fornecida para o construtor de itens de lista selecionados que é ativada quando um usuário seleciona um item da lista pop-up

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

• Opção para fornecer TextField personalizado. Aceita TextEditingController e FocusNode como parâmetro

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

Implementação Completa

 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);
   },
 )

Principais destaques

• Posição pop-up adaptável para evitar que o pop-up fique escondido atrás do teclado

• Pop-up para rolar com gesto de rolagem se este widget for usado dentro do ScrollView

PENDÊNCIA

• Fornece suporte ao método onItemSelected para retornar itens selecionados diretamente
• Adicione suporte para selecionar vários itens
• Adicionar bool de visibilidade para mostrar o widget do item selecionado

Meus pacotes Flutter

• pie_chart Flutter Pie Chart com animação legal.
• avatar_glow Flutter Avatar Glow Widget com animação brilhante.
• json_table Crie uma tabela Flutter Json diretamente do mapa json.
• animating_location_pin Flutter Animating Location Pin Widget fornecendo Animating Location Pin Widget que pode ser usado ao buscar a localização do dispositivo.

Meus aplicativos Flutter

• flutter_profile Mostre meu portfólio: Ayush P Gupta na Playstore.
• flutter_sankalan Flutter App que permite a leitura/upload de contos.

? Contribuição

1. Garfo
2. Crie seu branch de recursos (git checkout -b my-new-feature)
3. Confirme suas alterações (git commit -m 'Adicionar algum recurso')
4. Empurre para o branch (git push origin my-new-feature)
5. Criar nova solicitação pull