Checkbox qui ne change pas d'état quand on clique dessus

Bonjour,
Je rencontre un souci sur l’affichage d’un formulaire qui affiche l’email du membre ainsi qu’une case à cocher pour indiquer s’il souhaite recevoir la newsletter ou non. Donc j’appelle un script php/mysql qui me retourne l’email et la valeur de newsletter (soit 0 ou 1) et j’affiche dans un builder les valeurs retournées par le script. ça m’affiche donc son email et la valeur de newsletter en cochant ou non qui provient des valeurs de la base de données. Le code ci-dessous permet de cocher ou non à l’initialisation mais il me fout en même temps dans la merde car quand on coche ou décoche un setstate est réalisé pour changer la valeur de la variable « newsletter » mais le souci c’est que ça rappelle le code ci-dessous et écrase donc la valeur. Le souci est donc qu’il faudrait que le code ci-dessous qui est un code d’initialisation ne s’éxécute que à l’initialisation et pas lors du setstate. Quelqu’un aurait une idée ?

if (values.newsletter=="1") {
    newsletter=true;
}
else {
    newsletter=false;
}

Voici le code complet :

import 'package:flutter/material.dart';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'dart:async';
import 'menu_member.dart';
import 'globals.dart' as globals;
import 'appbar_draw.dart';
import 'package:awesome_dialog/awesome_dialog.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:email_validator/email_validator.dart';
import 'package:awesome_page_transitions/awesome_page_transitions.dart';

// Create a Form widget.
class Affiche_Profil extends StatefulWidget {
  @override

  _Affiche_Profil_State createState() {
    return _Affiche_Profil_State();
  }
}

// Create a corresponding State class.
// This class holds data related to the form.

class _Affiche_Profil_State extends State<Affiche_Profil> {
  @override

  final _formKey = GlobalKey<FormState>();
  bool newsletter=false;
  final _emailController=TextEditingController();
  Future <user> profil;

  Future <user> Display_Profil () async {
    // SERVER LOGIN API URL
    var url = 'https://www.fortune-island.com/app/info_profil.php';

    var data = {
      'id_membre': globals.id_membre,
    };

    var data_encode = jsonEncode(data);
    // Starting Web API Call.
    var response = await http.post(url,body: data_encode,headers: {'content-type': 'application/json','accept': 'application/json','authorization': globals.token});

    // Getting Server response into variable.

    var jsondata = json.decode(response.body);

    user profile=user(jsondata["pseudo"],jsondata["email"],jsondata["newsletter"]);
    return profile;
  }

  void initState() {
    profil = Display_Profil();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
        children: <Widget>[
          Container(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                begin: Alignment.topLeft,
                end: Alignment.bottomRight,
                colors: <Color>[
                  Colors.blue[300],Colors.blue[400]
                ],
              ),
            ),
          ),
          Scaffold(
              appBar: drawappbar(true),
              backgroundColor: Colors.transparent,
              drawer: new DrawerOnly(className: Affiche_Profil()),
              body:
              Container(
                  height: MediaQuery
                      .of(context)
                      .size
                      .height,
                  width: MediaQuery
                      .of(context)
                      .size
                      .width,
                  child:
                    FutureBuilder(
                        future: profil,
                        builder: (BuildContext context, AsyncSnapshot snapshot) {
                          switch (snapshot.connectionState) {
                            case ConnectionState.waiting:
                              return new Center(
                                child: new CircularProgressIndicator(),);
                            default:
                              if (snapshot.hasError) {
                                return new Center(
                                  child: new Text('Error: ${snapshot.error}'),);
                              }
                              else {
                                user values = snapshot.data;
                                if (snapshot.hasData==false) {
                                  return Container(
                                      child: Center(
                                          child: Text("Données inaccessible !!!",style: TextStyle(color: Colors.white))
                                      )
                                  );
                                }
                                else {
                                  _emailController.text=values.email;
                                  if (values.newsletter=="1") {
                                    newsletter=true;
                                  }
                                  else {
                                    newsletter=false;
                                  }
                                  return Form(
                                      key: _formKey,
                                      autovalidate: true,
                                      child:
                                    ListView(
                                      children: <Widget>[
                                        Center(
                                          child: Container(
                                              margin: const EdgeInsets.only(top: 20.0),
                                              child: Text("VOS INFOS",textAlign: TextAlign.center,style: TextStyle(fontSize: 30.0,color: Colors.white))
                                          ),
                                        ),
                                        Padding(
                                        padding: const EdgeInsets.only(top:8.0),
                                        child:
                                        TextFormField(
                                          autofocus: true,
                                          obscureText: false,
                                          controller: _emailController,
                                          decoration: InputDecoration(
                                            border: OutlineInputBorder(
                                                borderRadius: BorderRadius.circular(32.0)
                                            ),
                                            fillColor: Colors.white, filled: true,
                                            icon: Icon(Icons.email,color: Colors.white),
                                            hintText: "Entrez votre email",
                                            contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
                                            hintStyle: TextStyle(color: Colors.grey[500],fontSize: 10),
                                          ),
                                          validator: (value) {
                                            if (value.isEmpty) {
                                              return 'Entrez votre email';
                                            }
                                            if (!EmailValidator.validate(value)) {
                                              return 'Email non valide';
                                            }
                                            return null;
                                          },
                                        ),
                                        ),
                                        Padding(
                                        padding: const EdgeInsets.only(top:8.0),
                                        child:
                                        CheckboxListTile(
                                        title: Text("Newsletter :",style: TextStyle(color: Colors.white)),
                                        value: newsletter,
                                          onChanged: (bool newValue) {
                                            setState(() {
                                                newsletter = newValue;
                                            });
                                          }
                                        ),
                                        ),
                                        Padding(
                                        padding: const EdgeInsets.only(top:8.0),
                                        child :
                                        Center(
                                          child: Container(
                                            width:MediaQuery.of(context).size.width,
                                            height:45,
                                            child: RaisedButton(
                                              color: Colors.green,
                                              textColor: Colors.white,
                                              padding: EdgeInsets.fromLTRB(9, 9, 9, 9),
                                              child: Text('Modifier'),
                                              shape: RoundedRectangleBorder(
                                                  borderRadius: BorderRadius.circular(25)
                                              ),
                                              onPressed: () {
                                                // Validate returns true if the form is valid, or false
                                                // otherwise.
                                                if (_formKey.currentState.validate()) {
                                                  ModifyInfos();
                                                }
                                                else {
                                                  return null;
                                                }
                                              },
                                            ),
                                          ),
                                        ),
                                        ),//    <-- label
                                      ]
                                  )
                                  );
                                }
                              }
                          }
                        }
                    )
                  )
              )
        ]
    );
  }
  Future ModifyInfos() async{
    // Getting value from Controller
    String email = _emailController.text;

    var url = 'https://www.fortune-island.com/app/modify_profil.php';
    // Store all data with Param Name.
    String etatnews="0";
    if (newsletter==true) {
      etatnews="1";
    }
    var data = {'id_membre':globals.id_membre,'email': email,'news': etatnews};

    var data_encode=jsonEncode(data);
    print(data_encode);
    // Starting Web API Call.
    var response = await http.post(url, body: data_encode,headers: {'content-type': 'application/json','accept': 'application/json','authorization': globals.token});
    print(response.body);
    Map <String,dynamic> map = json.decode(response.body);
    if(map["status"] == 1)
    {
      AwesomeDialog(context: context,
          useRootNavigator: true,
          dialogType: DialogType.SUCCES,
          animType: AnimType.BOTTOMSLIDE,
          tittle: 'MODIFICATION DU PROFIL',
          desc: map["libelle"],
          btnOkOnPress: () {
            setState(() {
              profil = Display_Profil();
            });
          }).show();
    }else{
      // If Email or Password did not Matched.
      // Showing Alert Dialog with Response JSON Message.
      AwesomeDialog(context: context,
          useRootNavigator: true,
          dialogType: DialogType.INFO,
          animType: AnimType.BOTTOMSLIDE,
          tittle: 'INFORMATIONS INCHANGEES',
          desc: map["libelle"],
          btnOkOnPress: () {
            setState(() {
              profil = Display_Profil();
            });
          }).show();
    }
  }
}

class user {

  final String pseudo;
  final String email;
  final String newsletter;

  const user(this.pseudo,this.email,this.newsletter);
}

Simple lors du setState après avoir changer la valeur de la variable il faut l’envoyer dans la base de donnée ainsi après le setState la variable aura la valeur dans la base de donnée. Si tu ne fais que changer la variable locale sachant que la valeur doit venir de la base de donnée alors c’est un problème.

ben le souci c’est que le gars doit pouvoir modifier la checkbox sans forcément enregistrer, il y a un bouton enregistrer pour ça

La solution sera qu’il enlève le setState, son problème c’est la gestion de state. Vue qu’il utilise plusieurs setState dans le StateFulWidget, je pense pas qu’il puisse trouver solution. il serait agréable pour lui de séparé la logique de la vue ajouter à cela une bonne gestion de State; il peut utiliser Block ou Provider

setstate réactualise l’affichage du widget qui lui même affiche tout en fonction de la base de données ce qui fout le bazard là j’aurais jute besoin qu’il actualise une variable et rien d’autre

Oui je comprend mais ce code actuelle selon mon analyse cela n’est pas possible. la gestion de State ça compte quand on part sur une grosse application, si non on risque d’être bloquer comme c’est ton cas actuellement. @StephanINLearn tu pourras voir s’il y’a une solution pour son problème?

Essaye de déclarer ta variable avant le @override

  bool newsletter=false;
@override
  final _formKey = GlobalKey<FormState>();

Chaque widget peut avoir son propre State, donc tu peux créer un nouveau Stateful widget et mettre uniquement ta checkbox dedans puis l’appeler dans ton fichier, le setState s’appliquera uniquement à ce widget.

P.S : le setState rappel seulement le widget Build(), pour stocker les valeurs, mettre les variables en global en dehors du build.

J’ai essayé ta solution mais je suis bloqué quand même.
J’ai créé une classe Case_Coche en statefullwidget et donc aussi une classe CaseCoche_State.
L’état de la case à cocher est stocké dans la variable « newsletter » mais elle n’est pas accessible ni modifiable de l’extérieur de la classe voila le souci
Je te mets le code que j’ai maintenant :

import 'package:flutter/material.dart';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'dart:async';
import 'menu_member.dart';
import 'globals.dart' as globals;
import 'appbar_draw.dart';
import 'package:awesome_dialog/awesome_dialog.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:email_validator/email_validator.dart';

class Affiche_Profil extends StatefulWidget {
  @override

  _Affiche_Profil_State createState() {
    return _Affiche_Profil_State();
  }
}

class Case_Coche extends StatefulWidget {
@override

_Case_Coche_State createState() {
return _Case_Coche_State();
}
}

class _Case_Coche_State extends State<Case_Coche> {
  @override
  bool newsletter=false;
  Widget build(BuildContext context) {
    return
      CheckboxListTile(
        title: Text("Newsletter :", style: TextStyle(color: Colors.white)),
        value: newsletter,
        onChanged: (bool newValue) {
          setState(() {
            newsletter = newValue;
          });
        },
        controlAffinity: ListTileControlAffinity.trailing,
      );
  }
}

// Create a corresponding State class.
// This class holds data related to the form.

class _Affiche_Profil_State extends State<Affiche_Profil> {
  @override

  final _formKey = GlobalKey<FormState>();
  final _emailController=TextEditingController();
  Future <user> profil;
  bool coche = false;
  
  Future <user> Display_Profil () async {
    // SERVER LOGIN API URL
    var url = 'https://www.fortune-island.com/app/info_profil.php';

    var data = {
      'id_membre': globals.id_membre,
    };

    var data_encode = jsonEncode(data);
    // Starting Web API Call.
    var response = await http.post(url,body: data_encode,headers: {'content-type': 'application/json','accept': 'application/json','authorization': globals.token});

    // Getting Server response into variable.

    var jsondata = json.decode(response.body);

    user profile=user(jsondata["pseudo"],jsondata["email"],jsondata["newsletter"]);
    return profile;
  }

  void initState() {
    profil = Display_Profil();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Stack(
        children: <Widget>[
          Container(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                begin: Alignment.topLeft,
                end: Alignment.bottomRight,
                colors: <Color>[
                  Colors.blue[300],Colors.blue[400]
                ],
              ),
            ),
          ),
          Scaffold(
              appBar: drawappbar(true),
              backgroundColor: Colors.transparent,
              drawer: new DrawerOnly(className: Affiche_Profil()),
              body:
              Container(
                  height: MediaQuery
                      .of(context)
                      .size
                      .height,
                  width: MediaQuery
                      .of(context)
                      .size
                      .width,
                  child:
                    FutureBuilder(
                        future: profil,
                        builder: (BuildContext context, AsyncSnapshot snapshot) {
                          switch (snapshot.connectionState) {
                            case ConnectionState.waiting:
                              return new Center(
                                child: new CircularProgressIndicator(),);
                            default:
                              if (snapshot.hasError) {
                                return new Center(
                                  child: new Text('Error: ${snapshot.error}'),);
                              }
                              else {
                                user values = snapshot.data;
                                if (snapshot.hasData==false) {
                                  return Container(
                                      child: Center(
                                          child: Text("Données inaccessible !!!",style: TextStyle(color: Colors.white))
                                      )
                                  );
                                }
                                else {
                                  _emailController.text=values.email;
                                  if (values.newsletter=="1") {
                                    coche=true;
                                  }
                                  else {
                                    coche=false;
                                  }
                                  return Form(
                                      key: _formKey,
                                      autovalidate: true,
                                      child:
                                    ListView(
                                      children: <Widget>[
                                        Center(
                                          child: Container(
                                              margin: const EdgeInsets.only(top: 20.0),
                                              child: Text("VOS INFOS",textAlign: TextAlign.center,style: TextStyle(fontSize: 30.0,color: Colors.white))
                                          ),
                                        ),
                                        Padding(
                                        padding: const EdgeInsets.only(top:8.0),
                                        child:
                                        TextFormField(
                                          autofocus: true,
                                          obscureText: false,
                                          controller: _emailController,
                                          decoration: InputDecoration(
                                            border: OutlineInputBorder(
                                                borderRadius: BorderRadius.circular(32.0)
                                            ),
                                            fillColor: Colors.white, filled: true,
                                            icon: Icon(Icons.email,color: Colors.white),
                                            hintText: "Entrez votre email",
                                            contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
                                            hintStyle: TextStyle(color: Colors.grey[500],fontSize: 10),
                                          ),
                                          validator: (value) {
                                            if (value.isEmpty) {
                                              return 'Entrez votre email';
                                            }
                                            if (!EmailValidator.validate(value)) {
                                              return 'Email non valide';
                                            }
                                            return null;
                                          },
                                        ),
                                        ),
                                        Padding(
                                        padding: const EdgeInsets.only(top:8.0),
                                        child:
                                        Case_Coche()
                                        ),
                                        Padding(
                                        padding: const EdgeInsets.only(top:8.0),
                                        child :
                                        Center(
                                          child: Container(
                                            width:MediaQuery.of(context).size.width,
                                            height:45,
                                            child: RaisedButton(
                                              color: Colors.green,
                                              textColor: Colors.white,
                                              padding: EdgeInsets.fromLTRB(9, 9, 9, 9),
                                              child: Text('Modifier'),
                                              shape: RoundedRectangleBorder(
                                                  borderRadius: BorderRadius.circular(25)
                                              ),
                                              onPressed: () {
                                                // Validate returns true if the form is valid, or false
                                                // otherwise.
                                                if (_formKey.currentState.validate()) {
                                                  ModifyInfos();
                                                }
                                                else {
                                                  return null;
                                                }
                                              },
                                            ),
                                          ),
                                        ),
                                        ),//    <-- label
                                      ]
                                  )
                                  );
                                }
                              }
                          }
                        }
                    )
                  )
              )
        ]
    );
  }

  Future ModifyInfos() async{
    // Getting value from Controller
    String email = _emailController.text;

    var url = 'https://www.fortune-island.com/app/modify_profil.php';
    // Store all data with Param Name.
    String etatnews="0";
    if (newsletter==true) {
      etatnews="1";
    }
    var data = {'id_membre':globals.id_membre,'email': email,'news': etatnews};

    var data_encode=jsonEncode(data);
    print(data_encode);
    // Starting Web API Call.
    var response = await http.post(url, body: data_encode,headers: {'content-type': 'application/json','accept': 'application/json','authorization': globals.token});
    print(response.body);
    Map <String,dynamic> map = json.decode(response.body);
    if(map["status"] == 1)
    {
      AwesomeDialog(context: context,
          useRootNavigator: true,
          dialogType: DialogType.SUCCES,
          animType: AnimType.BOTTOMSLIDE,
          tittle: 'MODIFICATION DU PROFIL',
          desc: map["libelle"],
          btnOkOnPress: () {
            setState(() {
              profil = Display_Profil();
            });
          }).show();
    }else{
      // If Email or Password did not Matched.
      // Showing Alert Dialog with Response JSON Message.
      AwesomeDialog(context: context,
          useRootNavigator: true,
          dialogType: DialogType.INFO,
          animType: AnimType.BOTTOMSLIDE,
          tittle: 'INFORMATIONS INCHANGEES',
          desc: map["libelle"],
          btnOkOnPress: () {
            setState(() {
              profil = Display_Profil();
            });
          }).show();
    }
  }
}

class user {

  final String pseudo;
  final String email;
  final String newsletter;

  const user(this.pseudo,this.email,this.newsletter);
}

Tu peux utiliser ce package qui propose une variante de la checkbox pour formulaire.

Grâce à cela quand tu vas cliquer sur save/submit, tu va pouvoir appeler ton formulaire et récupérer aussi la valeur de ta checkbox, en utilisant le paramètre onSave. Cela supprime aussi l’utilité de faire un setState.

Puis pour accéder à la variable, tu peux la rendre global ou utiliser un provider en plus d’un contrôleur.

J’ai installé ton package mais là le souci c’est que je comprends pas ce que le onsave fait et surtout comment je fais pour récupérer la valeur de la checkbox dans ma fonction après qui est appelé par la validation du formulaire ?

J’ai réussi j’ai l’impression en faisant comme ça :
je mets en début de classe la variable coche à false
Lorsque le contenu de mon formulaire se charge avec les données de la base de données il met à jour coche avec la bonne valeur (celle de la base de données) puis sur le onsaved je change la valeur de coche et ça semble marcher mais je trouve pas ça super propre. Reste que j’arrive pas à changer la couleur de la checkbox en la passant en blanc

CheckboxListTileFormField(
initialValue : coche,
title: Text(‹ Newsletter ›, style: TextStyle(color: Colors.white)),
onSaved: (bool value) {
coche=value;
},
),