Flutter GetX Obx do not update UI

Question

I have a screen that I'd put all body in an Obx , I have a widget that has a parameter named activeIndex like this

AnimatedSmoothIndicator(
    activeIndex: homeController.carouselPage.value,
    count: homeController.posts[index].images.length,
    effect: WormEffect(),
  ),

carouselPage parameter give it's value in controller like this

RxInt carouselPage = 0.obs;

    SetCarouselIndex(int index) {
        carouselPage.value = index;
      }

SetCarouselIndex fires and the value changes but the UI not change . What is the problem ?

score 0 · Answer 1 · answered Mar 09 '22 at 13:29

0

final carouselPage = 0.obs;

// on this part actually lacking a update();
SetCarouselIndex(int? index) {
carouselPage.value = index;
update();
}

so other thing to update also like this

SetCarouselIndex(int? index) {
carouselPage(index!);
}

answered Mar 09 '22 at 13:29

Arbiter Chil

1,061
1
6
9

score 0 · Answer 2 · answered Mar 09 '22 at 16:45

    You can use 
    var carouselPage = 0.obs;

    instead of
    RxInt carouselPage = 0.obs;

    SetCarouselIndex(int index) {
      carouselPage.value = index
    }

    Obx(()=>
      AnimatedSmoothIndicator(
        activeIndex: homeController.carouselPage.value,
        count: homeController.posts[index].images.length,
        effect: WormEffect(),
    ),)

Flutter GetX Obx do not update UI

2 Answers2