Flutter 3.13: что нового

В новой версии Flutter 3.13 разработчиков ждет 2D-скроллинг, более быстрая графика на Impeller, обновленный Material 3 и Dart 3.1. Мы в Friflex разрабатываем мобильные приложения на Flutter и внимательно следим за новостями — по традиции делимся переводом официального релиза кроссплатформенного фреймворка.

Давайте посмотрим, что добавили и улучшили во фреймворке за три месяца с момента релиза Flutter 3.10.

Что нового в Flutter 3.13:

Внесены улучшения в новый графический движок Impeller и добавлены новые API для складных устройств.

Улучшение производительности на iOS. Благодаря качественным отзывам пользователей Flutter, в этом релизе продолжена работа по улучшению производительности Impeller на iOS. В результате множества различных оптимизаций Impeller теперь не только имеет более низкую задержку (за счет полного устранения jank при компиляции шейдеров), но и в некоторых бенчмарках имеет более высокую среднюю пропускную способность. В частности, в бенчмарке производительности flutter/gallery transitions среднее время растеризации кадров теперь примерно вдвое меньше, чем в Skia.

Этот прогресс был достигнут благодаря следующим оптимизациям:

Улучшение точности изображения. В релизе 3.10 было указано, что при использовании Impeller широкая цветовая гамма доступна под специальным флажком. После того, как учли отзывы пользователей, широкая цветовая гамма теперь используется по умолчанию на iOS при использовании Impeller.

Обновление информации о прогрессе в работе над Impeller на Android. Продолжается работа над бэкендом Vulkan для Impeller, однако он еще не достиг того уровня качества, при котором было бы целесообразно проводить официальное предварительное тестирование. Команда Flutter хотят, чтобы первый опыт работы пользователей с Impeller на Android был качественным, а они еще не достигли этого уровня. Они надеются ввести период предварительного просмотра для Impeller на Android в стабильном релизе в конце года. Несмотря на то, что Impeller на Android еще не совсем готов к предварительной версии, бэкенды OpenGL и Vulkan получили преимущества от многих оптимизаций, которые внесли в HAL Impeller за последний год. В частности, среднее время растеризации кадров для Android также значительно улучшилось в бенчмарке производительности переходов flutter/gallery. В настоящее время ведутся дальнейшие работы по улучшению качества предварительного просмотра на Android.

Impeller (и Wonderous) на macOS. В последнем стабильном релизе объявили, что Impeller будет включен по умолчанию для iOS. С тех пор получено множество положительных отзывов от пользователей. Теперь Impeller для macOS доступен в предварительной версии. Можно протестировать Impeller и включить его в своем приложении, следуя инструкциям на странице Impeller.

Лучший способ помочь улучшить Impeller для macOS — это определить базовые показатели, запустив свое приложение для macOS без SkSL warmup и используя DevTools для поиска jank, связанных с компиляцией шейдеров. Затем нужно протестировать приложение с помощью Impeller — пройтись по нему и проверить наличие ошибок, улучшений или регрессий производительности. Если будут замечены какие-либо проблемы, рекомендуют опубликовать их на GitHub. Обязательно нужно указать информацию об устройстве, на котором вы работаете, видеозаписи и экспорт трассировки производительности.

Если хотите попробовать Impeller на macOS, установите Wonderous из Mac App Store.

Новый API движка — улучшена поддержка складных устройств. Для улучшения поддержки складных устройств добавлен новый API для получения различных свойств дисплея. Новый геттер FlutterView.display возвращает объект Display. Объект Display сообщает физический размер, соотношение пикселей устройства и частоту обновления дисплея. Пример использования нового API смотрите в setPreferredOrientations.

Внесены улучшения в фреймворк Material, чтобы:

Распознавание символов в TextField. При использовании TextField на iOS пользователи автоматически получают возможность использовать камеру устройства для распознавания символов и вставки их в поле.

Адаптивный к платформе диалог. В AlertDialog добавлен адаптивный конструктор, а также адаптивная функция showAdaptiveDialog, позволяющая отображать диалог Material или Cupertino в зависимости от текущей платформы.

Теперь при использовании функции AlertDialog.adaptive() отображается виджет CupertinoAlertDialog на iOS и Material AlertDialog на Android.

CupertinoDatePicker с месяцем и годом. Добавляет режим месяц−год в CupertinoDatePicker.

Радиокнопки Cupertino (в стиле iOS), стилизованные под галочку. Свойство useCheckmarkStyle было добавлено в CupertinoRadio. Это также позволяет виджетам Radio.adaptive и RadioListTile.adaptive управлять тем, используют ли они стиль галочки на iOS.

Дополнительные возможности настройки виджетов Material. Было внесено несколько улучшений, облегчающих настройку дизайна виджетов Material:

Цвет MaterialState для chips. Это позволяет настраивать цвет chips во всех состояниях.

Повышенные chips. В соответствии со спецификацией Material 3 добавлены варианты FilterChip.elevated, ChoiceChip.elevated и ActionChip.elevated.

onSubmitted в SearchBar. Позволяет инициировать другое действие, когда пользователь завершает ввод текста и нажимает кнопку Done на клавиатуре.

BaseTapAndDragGestureRecognizer. Добавлен базовый класс для семейства классов, включающего поддержку жестов касание + перемещение (TapAndPanGestureRecognizer) и касание + горизонтальное перетаскивание (TapAndHorizontalDragGestureRecognizer). Эти классы уже использовались для реализации собственных жестов для текстовых полей. Однако они отлично подходят и для других случаев, например, для масштабирования виджета с помощью двойного касания + жеста вертикального перетаскивания.

AppLifeCycleListener. Класс AppLifecycleListener добавлен для прослушивания изменений в жизненном цикле приложения и ответа на запросы о выходе из приложения.

Основы двумерного скроллинга. Flutter 3.13 содержит основу для создания виджетов, прокручивающихся в двух измерениях, что означает появление множества новых классов:

Скроллинг в двух измерениях также сопровождается некоторыми новыми взаимодействиями, включая диагональный скроллинг. Новые типы взаимодействия смотрите в разделе DiagonalDragBehavior и настраивайте их в TwoDimensionalScrollView или TwoDimensionalScrollable.

Для разработки этой основы провели исследование пользователей, чтобы разработчики могли создавать всё, что им захочется, при прокрутке в любом направлении. Посмотрите пример простой двумерной сетки с ленивой загрузкой, реализованной в этом DartPad примерно в 200 строках кода.

Команда Flutter уже работает над созданием виджетов с двумерным скроллингом на основе этого фреймворка, которые скоро появятся в пакете two_dimensional_scrollables.

Новые сливеры. В Flutter 3.13 появился новый набор сливеров для создания уникальных эффектов скроллинга.

SliverMainAxisGroup и SliverCrossAxisGroup поддерживают расположение нескольких сливеров вместе. На главной оси один из эффектов, который можно создать, — это прилипающие заголовки, позволяющие отодвигать прикрепленные заголовки из поля зрения по мере скроллинга каждой группы сливеров.

Группировка по поперечной оси позволяет располагать сливеры рядом в окне просмотра, при этом виджеты (также новые) SliverCrossAxisExpanded и SliverConstrainedCrossAxis могут определять пространство, отведенное для каждого сгруппированного сливера по поперечной оси.

Также в библиотеку сливеров добавлена функция DecoratedSliver, аналогичная DecoratedBox. Это позволяет пользователям украшать сливер, который может быть даже группой сливеров, с помощью Decoration.

Увидеть все эти новые сливеры в действии можно на примере DartPad.

Новые цели поддержки. Flutter 3.13 теперь поддерживает таргетинг Android 14/ API 34. Хотя команда всё еще работает над некоторыми новыми функциями в Android 14 (например, над предиктивной навигацией назад), они тщательно протестировали этот релиз на новом Android SDK и уделяют приоритетное внимание устранению всех связанных с ним проблем, которые можно обнаружить.

Уменьшение искажений при вращении экрана на iOS. При вращении экрана iOS-приложения на Flutter раньше получали искажения, которые отличались от нативных iOS-приложений. Внесли некоторые изменения, чтобы уменьшить искажения.

Переименование Runner. При создании приложения на Flutter для iOS в папке /ios создается проект Runner Xcode и рабочее пространство Xcode. Теперь можно переименовать рабочее пространство или проект, чтобы в итоге не получить список Runner.

Подготовка к iOS 17 и Xcode 15. В связи с предстоящим выходом iOS 17 и Xcode 15 пользователям, желающим разрабатывать с использованием этого набора инструментов, нужно будет установить Flutter 3.13. При загрузке Xcode 15 не забудьте загрузить симулятор iOS 17.

В 2022 году запустили пакет Flutter для создания казуальных игр с шаблоном игры, учебниками, документацией, сообществом и GCP/Firebase/Ad-кредитами, чтобы ускорить разработку игр для разработчиков Flutter. С тех пор с помощью Flutter были опубликованы десятки тысяч игр. С момента запуска команда активно взаимодействовала с разработчиками игр на Flutter и проводила опросы, чтобы выяснить, как можно улучшить игровой пакет инструментов. Почти все они отметили, что им нужно больше ресурсов и примеров кода, которые помогут им лучше проектировать, разрабатывать и монетизировать свои игры.

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

Улучшена производительность и удобство использования DevTools.

Сделали более быстрым и плавным скроллинг древовидной таблицы в профайлере CPU. В отладчике поиск в файле или поиск файла стал в 5 раз быстрее.

Более подробную информацию можно найти в примечаниях к релизам DevTools 2.25.0 и DevTools 2.24.0.

Material 3 по умолчанию в следующем релизе. В следующем стабильном релизе Flutter планируется изменение значения ThemeData useMaterial3 по умолчанию с false на true. Другими словами, приложения по умолчанию получат цвета, стили текста и другие визуальные эффекты Material 3.

Демо-версия Material 3 будет полезна для предварительного ознакомления с различиями между M2 и M3.

Поддерживаемые платформы на Android. Flutter больше не поддерживает уровни API Android Jelly Bean (16, 17 и 18). Хорошей новостью является то, что большинство приложений должны быть переведены на новую версию minSdkVersion по умолчанию.

Однако если переход не произошел автоматически, это может быть связано с тем, что вы внесли изменения в build.gradle на уровне модуля, и вам, возможно, потребуется увеличить minSdkVersion вручную. Для обновления найдите build.gradle уровня модуля в корне вашего проекта Flutter. Обычно он находится по адресу /android/app/build.gradle. Увеличьте версию minSdkVersion до 19. Если вы видите flutter.minSdkVersion и она не меньше 19, значит, минимальная версия установлена правильно.

Плагины Flutter не будут перенесены по умолчанию, поэтому авторам плагинов следует обновить значение minSdkVersion в файле верхнего уровня build.gradle, расположенном по адресу /android/build.gradle.

Список изменений и руководства по миграции. Изменения в этом релизе включают устаревшие API, срок действия которых истек после выхода версии 3.10. Чтобы увидеть все затронутые API, а также дополнительный контекст и руководство по миграции, обратитесь к руководству по устареванию для этого релиза. Многие из них поддерживаются Flutter Fix, включая быстрые исправления в IDE и массовое применение с помощью команды dart fix.

Чтобы узнать больше, ознакомьтесь с политикой Flutter в отношении изменений.

Обновление сортировки. За последние несколько месяцев принят новый набор определений для приоритетов (P0-P3). Это привело к большему соответствию с определениями, используемыми в большинстве других проектов с открытым исходным кодом, и упростило принятие решений о степени важности ошибок — вместо 7 категорий теперь только 4.

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

Полный список изменений, которые были включены в этот релиз, можно найти в разделе примечаний и журнала изменений.

Flutter 3.13 доступен в стабильной версии уже сегодня и включает Dart 3.1. Чтобы начать работу с этими обновлениями, достаточно обновить Flutter.

Источник

Как вам обновление? Делитесь опытом перехода на Flutter 3.10 в комментариях 👇

#flutter #development