Flutter. Много

2.0K views16:10

Completer в Flutter для работы с асинхронностью

Hola, Amigos! Completer — это вспомогательный класс, который позволяет нам создавать Future объекты. Как вы знаете, Future — это тип данных, который представляет собой результат асинхронной операции. Все асинхронные функции в Flutter возвращают Future и позволяют вам работать с результатами операции, когда они становятся доступными.

Completer приходит на помощь, когда вы хотите создать собственную синхронную функцию, которая также возвращает Future. Это может быть полезно, когда вам необходимо выполнить какие-то операции внутри функции и предоставить результат для будущего использования.

Примеры создания Completer объектов:

final stringCompleter = Completer<String>();
final voidCompleter = Completer<void>();
final dynamicCompleter = Completer();
final nullableStringCompleter = Completer<String?>();

Completer используется для представления значения будущему объекту и для запуска всех ожидающих обратных вызовов. Вы можете завершить Completer, как показано ниже:

stringCompleter.complete('foo');

Или, если вы хотите получить результат из функции обратного вызова, вы можете использовать его future свойство:

final valueFuture = stringCompleter.future;
final value = await valueFuture;

Также, Completer предоставляет метод isCompleted, который позволяет вам узнать, завершился ли Completer:

final isCompleted = stringCompleter.isCompleted;

⚠️ Важно помнить, что Completer — это односторонний процесс, и его нельзя перезапустить после завершения.

Рассмотрим работу и использование Completer на двух примерах.

1️⃣

Пример

Нам нужно получить значения переменной из функции обратного вызова.

См. скриншот 1: мы имитируем асинхронную операцию и желанием получить значение переменной time, но как нам это сделать вне функции?

См. скриншот 2: на помощь приходит Completer, благодаря которому мы можем получить значение переменной вне зоны видимости функции обратного вызова после завершения асинхронной операции:

final valueFuture = stringCompleter.future;
final value = await valueFuture;

2️⃣

Пример

Если вам доводилось разрабатывать клиент-серверные приложения, то вы, скорее всего, сталкивались с проблемой отправки нескольких запросов. Например, при авторизации в системе пользователю требуется заполнить поля логина и пароля, затем отправить запрос на сервер тапом на кнопку «Войти». Но что, если пользователь нажмёт на неё более 1 раза? В данном случае на сервер пойдут конкурентные запросы, что не является хорошей практикой.

См. скриншот 3: эту проблему можно решить как на стороне Flutter, используя Debouncer, но это также решает Completer с помощью вышеупомянутого. Мы дополним пример выше и имитируем несколько нажатий пользователем с помощью цикла for. Добавив условие управления Future, в котором мы проверяем закончил ли Completer свою работу, мы выходим из цикла и получаем нужное нам значение единожды.

Таким образом, Completer можно использовать как своеобразную защиту от дублирующих запросов на сервер или создания пользователем дублирующих асинхронных операций.

Успешной вам разработки! Отправляйте реакцию, если было полезно😉

Please open Telegram to view this post