is it possible to automatically refresh component when getx value changed flutter

Question

I am using getx get: ^4.3.8 as the state management component in flutter, when I using this code to update the controller value:

var expand = controller.newTaskExpanded.value;
controller.newTaskExpanded(!expand);

I found the component did not refresh, then I have to invoke the getx refresh function like this:

controller.refresh();

this is the controller properties define:

class HomeController extends GetxController {
  List<Widget> widgetsList = List.empty(growable: true);
  List<Todo> tasks = List.empty(growable: true);
  var newTaskExpanded = true.obs;
  var completedTaskExpanded = false.obs;
}

is is possible to auto refresh the flutter component when controller properties value changed? should I invoke the refresh function every time change the value of getx controller?

have you tried adding Obx on the widget or getbuilder then using update(). ? — Arbiter Chil
– Arbiter Chil, Commented Jul 9, 2022 at 5:20

krishnaacharyaa · Accepted Answer · 2022-07-24 02:30:33Z

3

Reactive programming with Get is as easy as using setState.

Let's imagine that you have a name variable and want that every time you change it, all widgets that use it are automatically changed.

This is your count variable:

var name = 'Jonatas Borges';

To make it observable, you just need to add ".obs" to the end of it:

var name = 'Jonatas Borges'.obs;

And in the UI, when you want to show that value and update the screen whenever the values changes, simply do this:

Obx(() => Text("${controller.name}"));

For more , refer: https://pub.dev/packages/get/example

answered Jul 24, 2022 at 2:30

krishnaacharyaa

26.1k9 gold badges102 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Muhammad Sheraz · Accepted Answer · 2022-07-11 05:07:06Z

2

wrap you UI with Obx builder like

appBar: AppBar(title: Obx(() => Text("Clicks: ${c.count}"))),

it will auto refresh the UI on value change if you want to refresh the UI manually then use GetBuilder and when you need to update the UI just call controller.update();

answered Jul 11, 2022 at 5:07

Muhammad Sheraz

1917 bronze badges

Comments

Sanjay Sanjel · Accepted Answer · 2022-07-11 05:11:28Z

2

As @Muhammad Sherad explained, your widget code should be wrapped with Obx() so that you widget can look for variable change and re-render the widget.

answered Jul 11, 2022 at 5:11

Sanjay Sanjel

414 bronze badges

Collectives™ on Stack Overflow

is it possible to automatically refresh component when getx value changed flutter

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related