Flutter: редактировать новый объект из объекта, неправильно изменяя старый объект

Я пытаюсь включить функцию редактирования объекта в свое приложение для отслеживания производительности. Я использую Flutter, Firestore и Provider. Я пытаюсь разрешить пользователю обновлять задачу (например) с различными свойствами на модальном нижнем листе. Аспект обновления работает. Если пользователь нажимает кнопку обновления, он правильно обновляет Firestore и правильно отображает информацию. Моя проблема в том, что когда я выхожу из модального окна, сигнализируя об отмене обновления, он все еще обновляет исходный объект задачи. Я даже пробовал иметь кнопку отмены, которая бы избавлялась от провайдера, и результат был таким же. Я не уверен, почему это происходит. Если я перезагружаю приложение, отображаются правильные значения, хранящиеся в Firestore. Вот видео, что происходит:

введите описание изображения здесь

Это моя модель задачи:

class Task {
  String taskID;
  String taskName;
  Project project;
  Status status;
  DateTime dueDate;
  DateTime createDate;

  Task({taskID, taskName, project, status, dueDate, createDate})
      : taskID = taskID as String ?? '',
        taskName = taskName as String ?? '',
        project = project as Project ?? Project(),
        status = status as Status ?? Status(),
        dueDate = dueDate as DateTime ?? DateTime(0001, 01, 01, 0, 0, 0, 0, 555),
        createDate = createDate as DateTime ?? DateTime.now();

Это состояние моего провайдера:

class TaskEditState extends ChangeNotifier {
  Task newTask;

  TaskEditState({newTask}) : newTask = newTask as Task ?? Task();

  void updateTaskName(String taskName) {
    newTask.taskName = taskName;
    notifyListeners();
  }

  void updateTaskProject(Project project) {
    newTask.project = project;
    notifyListeners();
  }

  void updateTaskStatus(Status status) {
    newTask.status = status;
    notifyListeners();
  }

  void updateTaskDueDate(DateTime dueDate) {
    if (newTask.dueDate.microsecond == 555) {
      newTask.dueDate = dueDate;
    } else {
      final DateTime temp = newTask.dueDate;
      newTask.dueDate = DateTime(
          dueDate.year, dueDate.month, dueDate.day, temp.hour, temp.minute);
    }
    notifyListeners();
  }

  void updateTaskDueTime(TimeOfDay dueTime) {
    if (newTask.dueDate.year == 0) {
      newTask.dueDate = DateTime(0, 0, 0, dueTime.hour, dueTime.minute);
    } else {
      final DateTime temp = newTask.dueDate;
      newTask.dueDate = DateTime(
          temp.year, temp.month, temp.day, dueTime.hour, dueTime.minute);
    }
    notifyListeners();
  }

  void addTaskCreateDate(DateTime createDate) {
    newTask.createDate = createDate;
  }

Это мой нижний лист редактирования

  TaskEditBottomSheet({
    Key key,
    this.isUpdate,
    this.task,
  }) : super(key: key);

  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (context) => TaskEditState(newTask: task),
      builder: (context, child) {
        final TaskEditState taskEditState = Provider.of<TaskEditState>(context);
        final TaskService taskService = Provider.of<TaskService>(context);
        print(taskEditState.newTask.project.projectName);
        return Container(
            margin: EdgeInsets.all(20),
            child: Column(mainAxisSize: MainAxisSize.min, children: [
              TextFormField(
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return 'Please Enter Project Name';
                  }
                  return null;
                },
                decoration: InputDecoration(
                    hintText: taskEditState.newTask.taskName.isEmpty
                        ? 'Enter Task Name'
                        : taskEditState.newTask.taskName),
                textAlign: TextAlign.center,
                onChanged: (newText) {
                  taskEditState.updateTaskName(newText);
                },
              ),
              ProjectPicker(
                saveProject: taskEditState.updateTaskProject,
                child: ListTile(
                  leading: Icon(
                    Icons.circle,
                    color: Color(taskEditState.newTask.project.projectColor),
                  ),
                  title: Text(
                      taskEditState.newTask.project.projectName.isEmpty
                          ? 'Add Project'
                          : taskEditState.newTask.project.projectName,
                      style: Theme.of(context).textTheme.subtitle1),
                  trailing: Icon(Icons.arrow_drop_down_rounded,
                      color: Theme.of(context).unselectedWidgetColor),
                ),
              ),
              StatusPicker(saveStatus: taskEditState.updateTaskStatus),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: [
                  Text('Due: ', style: Theme.of(context).textTheme.subtitle1),
                  OutlinedButton.icon(
                    onPressed: () => DateAndTimePickers().selectDate(
                        context: context,
                        initialDate: taskEditState.newTask.dueDate.year == 1
                            ? DateTime.now()
                            : taskEditState.newTask.dueDate,
                        saveDate: taskEditState.updateTaskDueDate),
                    icon: Icon(Icons.today_rounded),
                    label: Text(taskEditState.newTask.dueDate.year == 1
                        ? 'Add Due Date'
                        : DateTimeFunctions().dateTimeToTextDate(
                            date: taskEditState.newTask.dueDate)),
                  ),
                  OutlinedButton.icon(
                    onPressed: () => DateAndTimePickers().selectTime(
                        context: context,
                        initialTime:
                            taskEditState.newTask.dueDate.microsecond == 555
                                ? TimeOfDay.now()
                                : TimeOfDay.fromDateTime(
                                    taskEditState.newTask.dueDate),
                        saveTime: taskEditState.updateTaskDueTime),
                    icon: Icon(Icons.alarm_rounded),
                    label: Text(taskEditState.newTask.dueDate.microsecond != 555
                        ? DateTimeFunctions().dateTimeToTextTime(
                            date: taskEditState.newTask.dueDate,
                            context: context)
                        : 'Add Due Time'),
                  ),
                ],
              ),
              Container(
                padding: EdgeInsets.symmetric(vertical: 20),
                child:
                    ElevatedButton.icon(
                  icon: Icon(Icons.check_circle_outline_rounded),
                  label: Text(isUpdate ? 'Update' : 'Add'),
                  onPressed: () {
                    if (_formKey.currentState.validate()) {
                      isUpdate
                          ? taskService.updateTask(
                              taskID: task.taskID,
                              updateData: taskEditState.newTask.toFirestore())
                          : taskService.addTask(
                              addData: taskEditState.newTask.toFirestore());
                      Navigator.pop(context);
                    }
                  },
                ),
              )
            ]));
      },
    );
  }
}

И наконец, это функция, вызывающая нижний лист:

class EditBottomSheet {
  Future<dynamic> buildEditBottomSheet(
      {BuildContext context, Widget bottomSheet}) {
    return showModalBottomSheet(
        context: context,
        enableDrag: true,
        // isDismissible: false,
        isScrollControlled:
            true, // Allows the modal to me dynamic and keeps the menu above the keyboard
        shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.only(
                topLeft: Radius.circular(25), topRight: Radius.circular(25))),
        builder: (BuildContext context) {
          return bottomSheet;
        });
  }
}

Любая помощь будет принята с благодарностью, спасибо!


person Zachary Wauer    schedule 30.04.2021    source источник


Ответы (1)


Я обнаружил свою проблему. Я не уверен, является ли это языковым различием между Dart и другими вещами, которые я использовал. В поле Provider State я устанавливаю новую задачу, равную старой задаче:

TaskEditState({newTask}) : newTask = newTask as Task ?? Task();

Я узнал, что это устанавливает новую задачу, равную ссылке на старую задачу. Поэтому, когда я что-то изменил в новой задаче, она также обновила старую задачу. Я предполагаю, что это потому, что они на самом деле являются одним и тем же объектом по сравнению с новой задачей, являющейся копией старой задачи. Поэтому я создал модельную функцию для всех моих моделей, которые копируют исходную задачу и возвращают копию. Это полностью устранило мою проблему. Вот обновленный файл состояния провайдера:

TaskEditState({this.oldTask}) {
    if (oldTask != null) {
      newTask = oldTask.copyTask();
    } else {
      newTask = Task();
    }
  }

Вот моя функция копирования:

Task copyTask() {
    return Task(
        id: id ?? '',
        taskName: taskName ?? '',
        project: project ?? Project(),
        status: status ?? Status(),
        dueDate: dueDate ?? DateTime(0001, 01, 01, 0, 0, 0, 0, 555),
        createDate: createDate ?? DateTime.now());
  }
person Zachary Wauer    schedule 10.05.2021