Im using statefull to refresh but i don't know what i have to write in setstate to refresh the slidedialog.

i need to refresh an image that i choose the image in a dialog and it saves in a variable named ex3. this variable is a class with name, image etc etc... so i should refresh that ex3.image and ex3.name

 StatefulBuilder(builder: (context, _setState) {
                    return Container(
                      height: 120.0,
                      width: 120.0,
                      decoration: BoxDecoration(
                        image: DecorationImage(
                          image:
                              ex3?.image ?? AssetImage("assets/images/2.png"),
                          fit: BoxFit.fill,
                        ),
                        shape: BoxShape.circle,
                      ),
                      child: Text(ex3?.nom ?? "ex: Feliz"),
                    );

                    _setState({});
                  }),

I have a class named usermodel and this code is to add the new image and new name so this value ex3.nom (name) and ex3.image update

   ElevatedButton(
                  child: Text(ex3?.nom ?? "Elige como te sientes"),
                  onPressed: () {
                    SelectDialog.showModal<UserModel>(
                      context,
                      label: "¿Como te sientes hoy?",
                      items: modelItems,
                      selectedValue: ex3,
                      itemBuilder: (BuildContext context, UserModel item,
                          bool isSelected) {
                        return Container(
                          decoration: !isSelected
                              ? null
                              : BoxDecoration(
                                  borderRadius: BorderRadius.circular(5),
                                  color: Colors.white,
                                  border: Border.all(
                                      color: Theme.of(context).primaryColor),
                                ),
                          child: ListTile(
                            leading: CircleAvatar(
                                backgroundImage: AssetImage(item.rutaimage!)),
                            selected: isSelected,
                            title: Text(item.nom),
                            subtitle: Text(item.color),
                          ),
                        );
                      },
                      onChange: (selected) {
                        setState(() {
                          ex3 = selected;
                        });
                      },
                    );
                  },
                ),

CodePudding user response：

Use a bool to check if something is true or not you have to use setState in onTap functions or clickable widgets not in container, read this article

class MyWidget extends StatefulWidget {
  const MyWidget({Key key}) : super(key: key);

  @override
  State<MyWidget> createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  bool _flag = false;
  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: () {
        setState(() {
          _flag != _flag;
        });
      },
      child: Container(
        height: 120.0,
        width: 120.0,
        decoration: BoxDecoration(
          image: DecorationImage(
            image: _flag
                ? AssetImage("assets/images/2.png")
                : AssetImage("assets/images/3.png"),
            fit: BoxFit.fill,
          ),
          shape: BoxShape.circle,
        ),
        child: Text(_flag ? "ex: Feliz" : "here is when false"),
      ),
    );
  }
}

CodePudding user response：

Assign a variable for the AssetImage and update that variable in setState. In your case:

Instead of:

StatefulBuilder(builder: (context, _setState) {
                return Container(
                  height: 120.0,
                  width: 120.0,
                  decoration: BoxDecoration(
                    image: DecorationImage(
                      image:
                          ex3?.image ?? AssetImage("assets/images/2.png"),
                      fit: BoxFit.fill,
                    ),
                    shape: BoxShape.circle,
                  ),
                  child: Text(ex3?.nom ?? "ex: Feliz"),
                );

                _setState({});
              }),

Use:

var path = "assets/images/2.png";

StatefulBuilder(builder: (context, _setState) {
                return Container(
                  height: 120.0,
                  width: 120.0,
                  decoration: BoxDecoration(
                    image: DecorationImage(
                      image:
                          ex3?.image ?? AssetImage(path),
                      fit: BoxFit.fill,
                    ),
                    shape: BoxShape.circle,
                  ),
                  child: Text(ex3?.nom ?? "ex: Feliz"),
                );

                _setState({
                path = "YourNewPath";
               });
              }),