问更改子属性不会触发颤振Getx上的UI更改
EN

Stack Overflow用户

提问于 2020-10-06 06:31:54

回答 2查看 1.4K关注 0票数 2

我正在尝试基于对象列表呈现一个反应性小部件。

当该对象的子对象发生布尔属性更改时，应该更新UI。

在这个场景中，我的控制器有一个列表os节，每个部分都有一个教训列表。

为了更好地理解，我重新编写了我的代码，根据我需要的内容制作了一个简单的示例。我已经尝试使用.map、.forEach和其他方法，但是子属性从不触发UI更新。

GetX<LessonController>(
  initState: (state) => controller.getLessonsByCourse(course.id),
  builder: (_) {
    return Expanded(
      child: ListView.separated(
        scrollDirection: Axis.vertical,
        itemCount: _.sectionList.length,
        itemBuilder: (BuildContext context, int index) {
          return ExpansionTile(
              title: Text(_.sectionList[index].title),
              children: <Widget>[
                for(var i = 0; i < _.sectionList[index].lessons.length; i++)
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: 
                      Obx(() => 
                        GestureDetector(
                          child: Text((_.sectionList[index].lessons[i] as Lesson).isCompleted.toString()),
                          onTap: () {
                            (_.sectionList[index].lessons[i] as Lesson).isCompleted = !(_.sectionList[index].lessons[i]as Lesson).isCompleted;
                            print((_.sectionList[index].lessons[i]as Lesson).isCompleted.toString());
                          })
                      ),
                  )
              ]);
        },
        separatorBuilder: (context, ind) => Divider(
          height: 2,
          color: Colors.grey[300],
        ),
      ),
    );
  })

解决方案：

GetX容器监视列表项上的更改，因此当您从其中一个项更改属性时，列表本身不会更改。为了解决这个问题，我更改了item属性，然后我将它超编到列表中。

onTap: (value) {
    Section tappedSection = _.sectionList[index];
    tappedSection.lessons[lessonIndex].isCompleted = value;
    // This is the secret
    // Making GetX detect a change on the list and rebuild UI
    _.sectionList[index] = tappedSection;
}));

flutter

flutter-layout

flutter-get

文字识别特惠活动

OCR 支持标准场景下的文字识别，以及报关单、保单、海外票据等复杂场景下文字识别，简单易用、准确率高、稳定可靠

回答 2

Stack Overflow用户

发布于 2020-10-08 05:57:40

据我所知，颤振GetX中的可观察列表与对象本身的内部更改无关。

为了强制UI更新，我必须将更新对象返回到列表中的相同位置，以便假装主列表中的对象发生了更改。

就像这样：

Section tappedSection = _.sectionList[index];
tappedSection.lessons[i].isCompleted = value;
_.notifyLessonProgress(tappedSection.lessons[i].id, value);
_.sectionList[index] = tappedSection;