How to refresh dialog using setState in listener?

Question

I implemented TabBar inside Dialog and I add listener to this TabBar. I am calling setState when tab is changed but nothing is happening.

I tried wrapping my Dialog inside StatefulBuilder but it didnt help.

Is there a way to do it? In Dialog I am only displaying data based on actual tab

showDialog(context: context, builder: (BuildContext context) {
   return BackdropFilter(
     filter: ImageFilter.blur(sigmaX: 2, sigmaY: 2),
     child: StatefulBuilder(
        builder: (BuildContext context, StateSetter setState) {
           return Dialog(
              elevation: 10,
              insetPadding: EdgeInsets.zero,
              child: SizedBox(
                 height: size.height * 0.8,
                 width: size.width * 0.9,
                 child: Column(
                    children: [
                       TabBar(
                          tabs: [
                            Tab(text: 'Weźmie udział'),
                            Tab(text: 'Interesuje się'),
                            Tab(text: 'Będzie dzisiaj'),
                          ],
                          controller: _dialogTabController,
                       ),
                       FutureBuilder(
                         future: myFriendPartiesLoader = loadFriendParties(element['id']),
                         builder: (context, snapshot) {
                             if (snapshot.connectionState != ConnectionState.done && !snapshot.hasData) { /* some not needed code */}
                             else if ((snapshot.data! as List).isNotEmpty) {
                                 return Column(
                                     children: [
                                         Text(takePart ? 'Weźmie udział' : 'Nie wexmie'),
                                         SizedBox(
/***** more, not needed here, code *******/

void dialogTabChangeListener() {
    if (_dialogTabController.index == 0) {
      setState(() {
        takePart = true;
        interested = false;
        beToday = false;
      });
    } else if (_dialogTabController.index == 1) {
      setState(() {
        takePart = false;
        interested = true;
        beToday = false;
      });
    } else {
      setState(() {
        takePart = false;
        interested = false;
        beToday = true;
      });
    }
  }

score 0 · Answer 1 · answered Jul 19 '22 at 13:49

0

Most likely dialogTabChangeListener will use state class setState and StatefulBuilder's setState is out of scope to update dialog UI. You can pass StatefulBuilder's setState to update the ui. I think it would be better rename setState method.

void dialogTabChangeListener(setStateSB) {
 //... all operation here 

setStateSB((){}); // this will update dialog ui
}

And pass StatefulBuilder's setState on this method.

answered Jul 19 '22 at 13:49

Md. Yeasin Sheikh

54,221
7
29
56

How to pass ```StatefulBuilder``` setState to listener? – Karol Wiśniewski Jul 19 '22 at 13:57
there are some point you are changing data by some event(tap or any) , call this method there – Md. Yeasin Sheikh Jul 19 '22 at 13:59
Sorry, but I don't understand it, can you provide example how it should look like? – Karol Wiśniewski Jul 19 '22 at 14:11
Well I can but you need to include more snippet of the dialog. It would be better if you could provide full [minimal-reproducible-example](https://stackoverflow.com/help/minimal-reproducible-example) – Md. Yeasin Sheikh Jul 19 '22 at 14:13
https://controlc.com/3e1b1de5 - here is mine full dialog code. I can cut not needed parts but it will take me some time. – Karol Wiśniewski Jul 19 '22 at 14:23
In this i think it is easier to create local variable before `BackdropFilter` – Md. Yeasin Sheikh Jul 19 '22 at 14:29
Local variable of StateSetter? And how to pass it to listener? I am sorry for this all questions but I am still not getting it for sure. – Karol Wiśniewski Jul 19 '22 at 14:39
I meant you can create variables like `takePart` inside dialog, after the showDialog and use these local variable for dialog widget, – Md. Yeasin Sheikh Jul 19 '22 at 15:06

How to refresh dialog using setState in listener?

1 Answers1