Объединение потоков во Flutter

👀 Недавно вышло видео с интригующим названием The great thread merge, где мистер Craig рассказывает о прошлом и будущем флаттера в контексте потоков (threads).

🔜 Как было: Раньше между платформенным потоком и UI существовал разрыв, из-за чего все обращения к апи нативной платформы с использованием Platform Channels были асинхронными. Каждый вызов сопровождался сериализацией данных, переключением контекста и ожиданием ответа - даже если нативная функция возвращала результат мгновенно.

🔥 С версии 3.29 ситуация изменилась: Dart-код теперь исполняется в том же потоке, что и платформенный UI. Это означает, что вызовы нативных функций могут быть синхронными, без необходимости оборачивать их в Future. Типобезопасность теперь обеспечивается механизмом FFI (Foreign Function Interface) и инструментом ffigen, который генерирует Dart-биндинги к C-API.

⚡️ На практике это открывает новые возможности: плагины могут быть переписаны так, чтобы вызовы типа получения уровня батареи, статуса сети или доступа к датчикам возвращали значение сразу. Виджеты становятся проще - вместо StatefulWidget можно обойтись обычным StatelessWidget, если данные доступны синхронно.

🧑‍💻 Сейчас возможно отключить объединение потоков на Windows и macOS используя флаг:

project.set_ui_thread_policy(flutter::UIThreadPolicy::RunOnSeparateThread)

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

🧑‍💻 Это серьезное архитектурное изменение, которое позволит писать больше Dart кода, но не стоит забывать о производительности: тяжёлые операции должны выноситься в изоляты, иначе они заблокируют UI 🔪

Сегодня хочу поделиться полезным видео по асинхронному программированию в Dart 😦

Затронуты практически все основные темы, которые, к тому же, часто спрашивают на собеседовании:

🟣Что такое async/await

🟡Виды Future и можно ли его отменить, обработка ошибок

🔵Принцип работы Event loop

🟢Очень много базы про стримы (Stream), работа с StreamController и Zone

Да, видео с таким количеством информации не может быть коротким, но подача хорошая и довольно много наглядных примеров 😱

Небольшая задача на асинхронность 👍

В каком порядке выполнятся функции? В следующем посте будет опрос с правильным вариантом ответа 🧑‍💻

void testEventLoop() {
  print(1);

  scheduleMicrotask(() => print(2));

  Future(() => print(3))
      .then((_) => print(4));

  Future.microtask(() => print(5));

  Timer.run(() => print(6));

  Future.delayed(Duration.zero, () => print(7));

  Future(() async {
    print(8);
    await Future.delayed(Duration(milliseconds: 1));
    print(9);
  });

  Future.sync(() => print(10));

  print(11);
}

Update Dart Spec 🍿

В репозиторий спецификации языка добавили сразу несколько черновиков новых фич 🔫

1️⃣ Implied Parameter/Record Field Names
Позволяет в момент вызова метода, функции или конструктора опускать имя аргументов, если у передаваемой ему на вход переменной (функции) аналогичное имя:

Пример с функциями/методами:

// before
  var subnoscription = stream.listen(
    onData,
    onError: onError,
    onDone: onDone,
    cancelOnError: cancelOnError,
  );

// after
  var subnoscription = stream.listen(
    onData,
    :onError,
    :onDone,
    :cancelOnError,
  );

Пример с переменными:

typedef Color = ({int red, int green, int blue, int alpha});

// before
Color colorWithAlpha(Color color, int newAlpha) {
  var (:red, :green, :blue, alpha: _) = color;
  return (red: red, green: green, blue: blue, alpha: newAlpha);
}

// after
Color colorWithAlpha(Color color, int alpha) {
  var (:red, :green, :blue, alpha: _) = color;
  return (:red, :green, :blue, :alpha);
}

2️⃣ Anonymous Methods (AM)

А вот это уже зверь из области функциональщины, который позволяет добавлять объекту анонимные методы и выстраивать цепочки из них, передавая результат одного анонимного метода в вызов другого 😏
Допустим, у нас есть блок кода, который ну никак не представить в виде цепочки последовательных вызовов с помощью каскадного оператора ..

void main() {
 final String halfDone, result;
 final sb = StringBuffer('Hello');
 sb.write(',');
 halfDone = sb.function toString() { [native code] }();
 sb.write(' ');
 sb.write('world!');
 result = sb.function toString() { [native code] }();
 print('Creating an important string: $halfDone then $result');
}

С добавлением одной из вариаций анонимного метода (=>) и использованием каскадного оператора его можно преобразить следующим образом:

void main() {
 final String halfDone, result;
 final sb = StringBuffer('Hello')
 ..write(',')
 ..=> halfDone = function toString() { [native code] }() // AM
 ..write(' ')
 ..write('world!')
 ..=> result  = function toString() { [native code] }(); // AM
 print('Creating an important string: $halfDone then $result');
}

Другая вариация подразумевает конструкции типа O.{что-то делаем} или O.{что-то делаем}.{получаем результат предыдущей АМ и снова что-то делаем}.{и т.д.}. Благодаря ней мы можем переписать код так:

// применяем AM к StringBuffer('Hello').
void main() => StringBuffer('Hello').{ 
   final String halfDone, result;
   write(',');
   halfDone = function toString() { [native code] }();
   write(' ');
   write('world!');
   result = function toString() { [native code] }();
   print('Creating an important string: $halfDone then $result');
};

или так

void main() {
// применяем AM к StringBuffer('Hello').
 StringBuffer('Hello').{
    write(', world!');
    return function toString() { [native code] }();
 }.{ // определяем следующий анонимный метод
 // `this` is the string returned by
    `toString()`.print(length); // Prints '13'.
    return length > 10;
  }.=> print('That was a ${this ?  'very' : '') long string!');
}

Если же мы хотим избежать конфликта имен или явно работать захваченным ранее объектом, который передаем в анонимный метод можно использовать конструкции типа O.(имя и тип арг1, [арг 2, арг3, ...]){что-то делаем} и выстраивать с ними цепочки различной длины:

class A {
 void bar() {}
 void foo() {
 StringBuffer('Hello').(sb) { // sb -> StringBuffer('Hello')
     sb.write(', world!');
     this.bar(); // `this` refers to the current instance of `A`.
     return sb.function toString() { [native code] }();
 }.(s) { // снова АМ
     print(s.length);
     bar(); // An implicit `this` also refers to the current `A`.
        return s.length > 10;
     }.(cond) => print('That was a ${cond ? 'very' : '') long string!'); // АМ
 }
}

Как вам новые фичи Dart?
👍 – О, да, детка!!!
👌 – Сомнительно, но Окей
👎 – Отстой!

Октябрь 2025: первые посты, впечатления от посещения конференции, тесты, асинхронка

Нас уже 85 🥳
Планирую продолжать делиться новостями, полезными материалами и темами, которые считаю важными в разработке 🧑‍💻

Очень радуюсь вашему интересу к контенту и активности под постами, кого-то даже получилось вдохновить на написание тестов ❤️

А вот посты за прошедший месяц:

🟣Вводный пост
рефлексия по созданию этого канала, возможно в будущем дополню

🟣Впечатления от конференции Стачка 2025 впервые посетила такую большую конфу, перечислила новые и интересные для меня темы

🟣Долгожданное обновления хэндбука по Flutter
добавили много новых тем, советую ознакомиться

🟣Сходила на выставки в Русском музее
мои впечатления о выставках искусства начала 20 века

🟣Когда стоит покрывать тестами код
размышления о тестировании, подчеркнула важность написания тестируемого кода

🟣Как упростить себе жизнь при тестировании
практические советы по неочевидным моментам, примеры использования пакетов для стабильных тестов

🟣Архитектурные изменения во Flutter - The great thread merge
важная новость о будущем Flutter, новый способ взаимодействия с платформой

🟣Видео с базой по асинхронному программированию в Dart
поделилась полезным видео с базой по асинхронке

🟣Задача на асинхронность
проверили знание порядка выполнения операций

Уровень моей удачи - слечь с температурой на выходные и праздники 🤧
Восприняла это как сигнал о необходимости передохнуть, скоро вернусь с новыми силами и постами 😶

Спасибо за вашу поддержку, уже восстанавливаюсь и ресерчу интересные темы 🌹

Вы, кстати, также можете помочь развитию канала, вкинув тему, которую вам интересно было бы разобрать 💃

Недавно закидывала вам на подумать задачку, большинство молодцы - ответили правильно ☺️

Заложила в ней небольшую проверку на внимательность и знание нечасто встречающегося функционала Future:

Future.sync() немедленно вызывает переданную функцию, в данном случае она выполнится синхронно 😏

Желаю всем приятных и продуктивных выходных 🥰

Завтра в 22:00 по мск ожидаем лайвстрим от команды Flutter по последним обновлениям, Q&A и многое другое 📖

https://www.youtube.com/watch?v=RTb3gP4p5bw

🧑‍💻 Что самое главное в Flutter 3.38?

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

🤏Dot shorthands
Новая фича которая позволяет не указывать название класса с именованным конструктором и название enum

Например для указания alignment в верстке можно указывать только значение

// With shorthands
Column(
  mainAxisAlignment: .start,
  crossAxisAlignment: .center,
  children: [ /* ... */ ],
),

А для padding указывать только значение

Padding(
  padding: .all(8.0),
  child: Text('Hello world'),
),

🌐 Конфигурация для Web
Новый файл web_dev_config.yaml позволяет задать параметры для локального веб-запуска Flutter-приложения.

Можно указывать порт, хост, сертификаты HTTPS, заголовки и прокси-маршруты

👩‍🍳 Теперь WidgetState
Вы по-любому встречались с MaterialStateProperty. Параметры для настройки конкретных стетов материал виджетов (нажат, наведен, отключен)

Теперь вместо Material используем WidgetState, который подходит и для Cupertino виджетов. Ещё одно упрощение работы с платформозависимым UI


✈️ Новый API OverlayPortal
Позволяет размещать всплывающие элементы интерфейса (диалоги, попапы, уведомления и т.п.) в любом Overlay выше по дереву виджетов, а не только в ближайшем

Благодаря этому можно, например, легко показывать глобальные уведомления поверх всего приложения, даже если вызов идёт из вложенного экрана — без костылей и ручного поиска корневого Overlay

🤔Ещё из интересного:

- Куча всяких оптимизаций опять в Engine, Vulkan, OpenGL ES

- Predictive back-анимации на Android теперь по умолчанию

- На Windows появился расширенный доступ к параметрам дисплеев

- Поддержка 16 KB page size для Android

📊 В релизе 825 коммитов от 145 участников сообщества

🔗 Все подробности можно узнать в блоге команды

Взаимодействие с нативным кодом во Flutter: что нового?

В поисках информации об ffi нашла свежий доклад о текущих возможностях взаимодействия с платформой.

Отличный обзор Platform Channels и Direct native interop - много примеров кода, плюсы и минусы разных подходов к вызову нативного кода.

🟡 Platform Channels - это достаточно простой и стабильный способ получения различных видов сообщений, подходит для большинства задач, но требуется писать много boilerplate кода.

Принцип работы - сообщение переводится в бинарный формат, Binary Messenger отправляет его с помощью Platform Dispatcher на нужную платформу, а на стороне платформы нужно написать нативный код, обрабатывающий нужный метод и возвращающий результат.

🔵 jnigen - по заверению докладчика уже может использоваться в продакшене. Интересно, что для генерации биндингов необходимо сначала собрать apk, а затем запустить команду генерации. После этого появляется доступ к андроид контексту и на примере показано, как получить список библиотек на устройстве.

🟢 swiftgen на данный момент в экспериментальной фазе, под капотом использует ffigen и дает доступ только к открытой части кода.

Больше информации можно найти в официальной документации dart-lang/native 🧑‍💻

🔥 Также вышла статья про Objective-C и Swift Interop с использованием ffigen, на примере генерации биндингов к AVAudioPlayer.

Пока еще остается много вопросов, например, какой подход стоит использовать при разработке нового плагина? Насколько ffi быстрее, чем Platform Channels?

Надеюсь со временем найти ответы на эти вопросы, а если у меня получится что-то крутое, обязательно поделюсь с вами результатом ❤️

Слабая аура: искать инфу самостоятельно ❌

Сильная аура: задать вопрос команде флаттера ✔️

Продолжая тему нативного интеропа с ffigen, воспользовалась возможностью задать вопрос команде флаттера в комментариях на ютубе 😘

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

Еще тизернули что скоро выйдет эпизод Flutter Build Show на эту тему. Посмотрим, что нам интересного расскажут 💃

Выпал первый снег ❄️

Я/мы: 🎄 ❄️ 🎅

😯 Вайбкодим осознанно

https://www.youtube.com/watch?v=GcXC8a8oL4I

Для себя выделила следующие советы:

🟡 Покрытие тестами написанного кода + прогон тестов после каждого изменения - мастхев

🟢 Просить несколько вариантов решения вместо одного, выделить плюсы и минусы каждого решения

Gemini + Flutter = GenUI 🧑‍💻

Всем уже наверняка надоела шутка про похороны флаттера, но кажется хейтеры притихли 😐

Возможно потому, что Google объявил о том, что в обновленном Gemini app используется визуальный layout, написанный на флаттере 🤔

Также в альфа версии стал доступен GenUI SDK, который позволяет менять интерфейс в зависимости от запроса пользователя.

Он управляет потоком информации между пользователем, виджетами и AI агентом, трансформируя привычные текстовые переписки в интерактивные элементы. 🫣

Стоит отметить, что элементы UI не генерируются с нуля. Агент выбирает из встроенного каталога, либо можно указать каталог собственных виджетов.

Видео с демонстрацией использования - Getting started with GenUI 💻

Очень интересно послушать токс экспертов в теме конференций ⌨️

В этом году впервые посетила FlutterConf и Стачку, пока не до конца сформировала собственное мнение о том, каким должен быть социально одобряемый доклад. Некоторые были слишком узкоспециализированными, а какие-то напротив - обзорными.

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

Есть еще митапы - более лайтовый формат после рабочего дня, с небольшим количеством докладов и афтерпати. В основном, проводятся в Москве и бигтех компаниями 🍑

Попасть туда, как правило, можно бесплатно, если вовремя зарегистрироваться. Мы с Ильей так в сентябре посетили питерский офис ВК у Красного моста, послушали интересные лекции по бэкэнду, в которых я даже что-то поняла, пообщались с участниками и вкусно покушали 💓

Продолжая тему митапов, вчера посетила мероприятие, организованное сообществом Women In Tech

Приняла участие в воркшопе по нетворкингу: потренировали самопрезентацию и навык выявления общих интересов при знакомстве с новыми людьми 🙂

Мне очень зашел такой формат, и оказалось, что намного проще начать разговор, если для тебя заранее подготовлены вопросы. А ограничение по времени подталкивает к более активным действиям.

Выяснила, что мне сложно сформулировать свою "полезность" для собеседника, а лучше всего получается вкидывать интересные факты о себе 🤡

Рада была в этом поучаствовать и познакомиться с множеством интересных девушек 💕

Во второй части послушала вдохновляющие рассказы от сотрудниц Selectel и участниц WiT.
Истории спикеров очень откликнулись, каждая по своему 🥹 От поиска себя до роста в руководители, как нетворкинг помогает строить карьеру и поддерживает в сложные времена.

Согласна с тем, что нетворкинг очень важен - без классного Flutter сообщества мой путь наверняка сложился бы по-другому. Поэтому ходим на митапы, общаемся в сообществах, кайфуем и строим карьеру 💃