三元运算符不改变状态

Question

有一个显示预定时间的文本，基本上，文本的颜色应该根据时间而改变，所以如果预定时间在未来，那么它不应该改变它的颜色，如果它是过去那么它的颜色颜色应变为红色。预定时间是通知应该出现的时间和通知出现的时间应该改变，三元操作正常工作但只有当我点击另一个小部件来改变它的状态时，它不会自行改变状态。我正在使用 getx，所以我也尝试了 Obx，但没有奏效。我该如何解决这个问题？

                 Visibility(
                            visible: todoController.todos[index].date ==
                                        '' &&
                                    todoController.todos[index].time == ''
                                ? false
                                : true,
                            child: Obx(() => Text(
                                (todoController.todos[index].date != now)
                                    ? '${todoController.todos[index].date!}, ${todoController.todos[index].time}'
                                    : 'Today, ${todoController.todos[index].time}',
                                style: GoogleFonts.notoSans(
                                  color: (run(
                                                  todoController
                                                      .todos[index].date,
                                                  todoController
                                                      .todos[index].time)
                                              .compareTo(tz.TZDateTime.now(
                                                  tz.local)) >
                                          0)
                                      ? Theme.of(context).hintColor
                                      : Colors.redAccent,
                                  fontSize: 20.0,
                                  decoration:
                                      (todoController.todos[index].done)
                                          ? TextDecoration.lineThrough
                                          : TextDecoration.none,
                                ))),
                          )

TodoController：

class TodoController extends GetxController {
 var todos = <Todo>[].obs;

 @override
 void onInit() {
  List? storedTodos = GetStorage().read<List>('todos');

if (storedTodos != null) {
  todos = storedTodos.map((e) => Todo.fromJson(e)).toList().obs;
}
ever(todos, (_) {
  GetStorage().write('todos', todos.toList());
});
super.onInit();
}}

Answer 1

您需要将Obx 小部件向上移动并用它包裹Visibility 小部件：

Obx(()=> Visibility(....));

更新

这行有问题：

todos = storedTodos.map((e) => Todo.fromJson(e)).toList().obs;

您应该将数据分配给 Rx 变量值，而不是重新分配 Rx 变量本身：

todos.assignAll(storedTodos.map((e) => Todo.fromJson(e)).toList());