Блог

Я создал приложение для выполнения задач с помощью flutter, getx и firebase. У меня есть страница входа в систему, страница регистрации и страница задач, на которой я показываю список задач. Я использую пакет firebase_auth для аутентификации и пакет cloud_firestore для сохранения и извлечения данных из firestore. У меня есть 2 модели — одна для пользователя, а другая для todo.

Для сохранения задачи в firestore у меня есть следующий метод —

 Future<void> addTodo(String content, String uid) async {
    try {
      await firebaseFirestore
          .collection("users")
          .doc(uid)
          .collection("todos")
          .add({
        "content": content,
        "dateCreated": Timestamp.now(),
        "done": false,
      });
    } catch (e) {
      print(e.toString());
      rethrow;
    }
  }
 

Чтобы получить список задач из firestore, я использую приведенный ниже метод, который возвращает поток задач

 Stream<List<TodoModel>> todoStream(String uid) {
    return firebaseFirestore
        .collection("users")
        .doc(uid)
        .collection("todos")
        .orderBy("dateCreated", descending: true)
        .snapshots()
        .map((event) {
      List<TodoModel> retVal = List.empty(growable: true);
      event.docs.forEach((element) {
        TodoModel todo = TodoModel();
        todo.todoId = element.id;
        todo.content = element['content'];
        todo.dateCreated = element['dateCreated'];
        todo.done = element['done'];
        print(todo.toString());
        retVal.add(todo);
      });
      return retVal;
    });
  }
 

Как вы можете видеть, задание для конкретного пользователя привязано к его идентификатору.

Теперь в методе OnInit моего контроллера задач я вызываю вышеуказанную функцию, чтобы получить поток задач

 @override
  void onInit() {
    String uid = Get.find<AuthController>().user;
    todoList.bindStream(DatabaseService().todoStream(uid));
    super.onInit();
  }
 

Auth controller returns the user’s id which is then fed to the todoStream function to get the todos

In the main page of the app inside the build method I am injecting the Todo controller like so

 Get.put(TodoController());
 

In the body of the Scaffold widget I am displaying the todos using Obx like so

 Obx(
            () {
              if (Get.find<TodoController>().todos.length > 0) {
                return Expanded(
                  child: ListView.builder(
                    itemCount: Get.find<TodoController>().todos.length,
                    itemBuilder: (_, index) {
                      TodoModel todo = Get.find<TodoController>().todos[index];
                      return Card(
                        margin:
                            EdgeInsets.symmetric(horizontal: 20, vertical: 5),
                        child: Padding(
                          padding: EdgeInsets.all(10.0),
                          child: Row(
                            children: [
                              Expanded(
                                child: Text(
                                  todo.content,
                                  style: TextStyle(
                                    fontSize: 15,
                                    fontWeight: FontWeight.bold,
                                  ),
                                ),
                              ),
                              Checkbox(
                                  value: todo.done,
                                  onChanged: (newValue) {
                                    print(newValue);
                                  }),
                            ],
                          ),
                        ),
                      );
                    },
                  ),
                );
              } else {
                return Text(
                  "Loading....",
                  style: TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold),
                );
              }
            },
          )
 

Проблема, с которой я сталкиваюсь, заключается в том, что когда приложение запускается и первый пользователь входит в систему, я вижу, что контроллер задач создан и инициализирован, а список его задач отображается на странице. Однако, когда он выходит из системы и другой пользователь входит в систему, на странице может правильно отображаться его имя, что означает, что пользователь идентифицирован правильно, но все равно отображается список задач первого пользователя.

Это говорит мне о том, что при входе второго пользователя в систему метод OnInit контроллера задач не вызывается.

Кто-нибудь знает, как это исправить?

Ниже приведен мой TodoController —

 class TodoController extends GetxController {
  Rxn<List<TodoModel>> todoList = Rxn<List<TodoModel>>();

  List<TodoModel> get todos => todoList.value ?? [];

  void clear() => todoList = Rxn<List<TodoModel>>();

  @override
  void onInit() {
    String uid = Get.find<AuthController>().user;
    print("onInit called====================="   uid);
    todoList.bindStream(DatabaseService().todoStream(uid));
    print("todo bind stream done=========================");
    super.onInit();
  }
}
 

функция oninit вызывает на самом деле проблема была с bindstream ToDoList.bindStream(DatabaseService().todoStream(uid)); После вызова этого bindstream требуется одна секунда, чтобы получить данные из firebase, после чего это приводит к модели, поэтому вам нужно добавить загрузчик на страницу пользовательского интерфейса, как только данные будут загружены ToDoList!=null, затем вам нужно выполнить ложный загрузчик и показать данные