Comment créer un champ de saisie de chiffres avec Flutter ?

Le framework Flutter a été conçu par Google pour vous permettre de créer le design de votre application de manière à ce qu'il fonctionne n'importe où. C'est déjà le cas des systèmes d'exploitation mobile iOS et Android, et bientôt le web et les systèmes d'exploitation pour PC seront également supportés. Flutter fournit tous les éléments nécessaires pour contrôler les interactions entre l'utilisateur et votre application. Dans les formulaires, vous avez accès à tous les types de champs et il est possible de restreindre la saisie des champs pour n'autoriser que les chiffres.

La restriction d'un champ peut être réalisée sur un widget de type "TextField" ou bien "TextFormField". Elle peut être contrôlée et restreinte grâce à deux paramètres. Le premier est le paramètre "keyboardType". Il contrôle le type de clavier virtuel qui est affiché sur un champ. En indiquant le paramètre "TextInputType.number", on signifie à l'appareil d'afficher le clavier de saisie des nombres. On limite ainsi de manière naturelle la saisie de l'utilisateur s'il utilise votre application avec un smartphone ou une tablette. Le deuxième paramètre est le paramètre "inputFormatters". Ce paramètre contrôle les caractères qui sont saisis ou collés dans le champ. La valeur "WhitelistingTextInputFormatter.digitsOnly" indique que l'on accepte uniquement les nombres. Avec ce contrôle, on s'assure que l'on ne peut pas saisir d'autres caractères avec un clavier physique, ou bien en collant du texte.

TextFormField(
    controller: _controller,
    keyboardType: TextInputType.number,
    inputFormatters: <TextInputFormatter>[
        WhitelistingTextInputFormatter.digitsOnly
    ],
    decoration: InputDecoration(
        labelText:"Champ", 
        hintText: "Veuillez saisir des chiffres uniquement",
    )
)
Autour du même sujet

Android