Un widget de saisie de texte flottant pour saisir visuellement des listes séparées, telles qu’une liste de destinataires d’e-mails

Vous fournit un champ de texte et un contrôleur d’accompagnement dans lesquels les utilisateurs peuvent saisir visuellement des listes séparées, telles qu’une liste de destinataires de courrier électronique.

Caractéristiques

• Champ de texte qui crée une liste au fur et à mesure que vous tapez
• Contrôleur pratique qui peut être utilisé avec d’autres champs de texte pour plus de personnalisation.
• Supprimer de la liste avec un retour arrière normal.

Commencer

Ajoutez le package à votre projet pubspec.yaml

Importer le package dans le fichier projet

    import "package:listtextfield/listtextfield.dart";

Usage

Créer un ListTextEditingController avec le séparateur de liste que les utilisateurs doivent saisir.

 final _controller = ListTextEditingController(',');

Vous pouvez également initialiser votre contrôleur avec certains éléments de la liste, en fournissant le jeu de chaînes optionnel.

 final _controller = ListTextEditingController(',', {'InitialItem1', 'InitialItem2',});

Ajouter un ListTextField widget à votre arborescence de widgets et fournissez le contrôleur

 Widget build(BuildContext context){
    return Column(
        children: [
            ListTextField(
                controller: _controller, 
                itemBuilder: (ctx, item){
                    // Build how items in the list should appear
                    return Chip(
                    label: Text(value),
                    onDeleted: () => _controller.removeItem(value),
                    );
                }
            ),
        ],
    );
 }

Vous pouvez accéder à la liste dactylographiée en appelant items sur le contrôleur

    final myItems = _controller.items; 

Voir l’exemple pour plus d’informations

Information additionnelle

Les relations publiques sont les bienvenues. Trouver un problème ? Signalez-le. Si vous trouvez le package utile ou intéressant, veuillez l’aimer 👍🏼 ou déposer un ⭐️ sur github.

MajorE 👽♦️

GitHub

Voir Github