Radio

Le widget Radio est utilisé pour permettre à l'utilisateur de sélectionner une seule option parmi un ensemble donné. Chaque radio est associé à une valeur et lorsque l'utilisateur en sélectionne un, les autres radios du même groupe sont automatiquement désélectionnés. Voici une description du widget Radio, un exemple de code, et quelques propriétés couramment utilisées :

  • Description :

    • Le widget Radio affiche un bouton radio accompagnĂ© d'un libellĂ©.

    • Il est gĂ©nĂ©ralement utilisĂ© dans les formulaires pour permettre Ă  l'utilisateur de sĂ©lectionner une seule option parmi plusieurs.

    • Chaque radio doit ĂŞtre regroupĂ© avec d'autres radios utilisant le mĂŞme groupe de valeurs.

  • Exemple de code :

Radio(
  value: 'Option 1',
  groupValue: _radioValue,
  onChanged: (value) {
    setState(() {
      _radioValue = value.toString();
    });
  },
)

Dans cet exemple, _radioValue est une variable qui contient la valeur de l'option sélectionnée. Lorsque l'utilisateur sélectionne une option, la fonction onChanged est appelée pour mettre à jour la valeur de _radioValue.

  • PropriĂ©tĂ©s :

    • value : La valeur associĂ©e au radio. Lorsque ce radio est sĂ©lectionnĂ©, la valeur est retournĂ©e.

    • groupValue : La valeur du groupe de radios auquel ce radio appartient. Seul le radio avec value Ă©gal Ă  groupValue sera sĂ©lectionnĂ©.

    • onChanged : Un rappel (callback) qui est appelĂ© lorsque l'utilisateur sĂ©lectionne ce radio. Il reçoit la valeur associĂ©e Ă  ce radio comme argument.

    • activeColor : La couleur utilisĂ©e pour le bouton radio lorsqu'il est sĂ©lectionnĂ©.

Last updated