Return dropdown other value click button (this dropdown on another page)

Question

I have one filtering dropdown. I have one button on another page. When I click this button on another page, how can I return to other options of the dropdown on the other page?

DropdownPage

CustomDropdownButton<bool>(
        hintText: "Select Filter",
        value: controller.selectedFilter.value,
        items: [
          DropdownMenuItem<bool>(
            child: Text("Sales"),
            value: true,
          ),
          DropdownMenuItem<bool>(
            child: Text("Refunds"),
            value: false,
          )
        ],
        onChanged: (bool selectedFilter) {
          controller.selectedFilter.value = selectedFilter;
        },
      )

Otherpage (button is here, this dropdown on another page)

Expanded(
              child: ElevatedButton(
                  onPressed: () {
                    // return dropdown other value (this dropdown on another page).
                  },
                  child: Text("Update")),
            )

Thank you,

score 1 · Answer 1 · answered Mar 04 '22 at 08:28

Assuming you are navigating to your other page in ElevatedButton.onPressed you can await for the navagitor

onPressed: () {
      // return dropdown other value (this dropdown on another page).
      final result = Navigator.of(context).push(...);
},

and from your CustomDropdownButton

onChanged: (bool selectedFilter) {
      controller.selectedFilter.value = selectedFilter;
      Navigator.of(context).pop(selectedFilter);
},

Read more about this from the official recipe https://docs.flutter.dev/cookbook/navigation/returning-data

Return dropdown other value click button (this dropdown on another page)

1 Answers1