为什么我使用getX在Flutter ListView中不起作用？

Question

当我点击容器并更新SelectedIndex等于电流索引时，但不会更新。

class HomeController extends GetxController {

  final RxList<PurineTypeModel> dataSource = RxList();
  final selectedIndex = 0.obs;
}

Obx(() {
          return ListView.builder(
              cacheExtent: 30,
              scrollDirection: Axis.horizontal,
              itemBuilder: (c, index) {
                print("refresh?? $index");
                return GestureDetector(child: Container(
                  width: 100,
                  color: controller.selectedIndex.value == index ? Colors.red : Colors.green,
                  child: Text(
                      controller.selectedIndex.string),
                ), onTap: () {
                  controller.selectedIndex.value = 1;
                },);
              },
              itemCount: controller.dataSource.length);
        })

Answer 1

您还需要将fenuredetector包裹在OBX中，因此这样：

Obx(() {
  return ListView.builder(
      cacheExtent: 30,
      scrollDirection: Axis.horizontal,
      itemBuilder: (c, index) {
        print("refresh?? $index");
        return Obx(() =>
            GestureDetector(child: Container(
              width: 100,
              color: controller.selectedIndex.value == index ? Colors
                  .red : Colors.green,
              child: Text(
                  controller.selectedIndex.string),
            ), onTap: () {
              controller.selectedIndex.value = 1;
            },));
      },
      itemCount: controller.dataSource.length);
})

因为外部OBX仅观察Controller.datasource.length

Answer 2

onTap: () {
                  controller.selectedIndex.value = index;
                },);

设置索引元素而不是1
控制器是初始化的？