Google выпускает Flutter 2: что в нем нового

Опубликовано: 2021-04-02

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

Сегодня мы рассмотрим, что может предложить Flutter 2. Прочитайте блог до конца.

Flutter 2: полный обзор

Веб-поддержка

Высококлассная веб-поддержка Flutter — самое важное заявление на мероприятии по запуску Flutter 2 на Flutter Engage. Раньше основа Интернета была в основном ориентирована на документы. Теперь богатые API-интерфейсы платформы облегчают разработку сложных приложений с использованием API-интерфейсов рисования, аппаратно-ускоренной 2D- и 3D-графики и гибкой компоновки.

Flutter 2 предлагает стабильную веб-поддержку, которая обеспечивает тот же опыт в Интернете, что и на мобильных устройствах. Эксперты службы разработки мобильных приложений могут создавать приложения для Android, iOS и браузера, используя одну и ту же кодовую базу. Можно скомпилировать существующие коды Flutter, написанные на Dart, в отличный веб-интерфейс, потому что с Flutter 2 Интернет — это просто еще одна цель устройства для вашего приложения.

В новой версии основное внимание уделяется 3 сценариям приложений:

  • Одностраничное приложение (SPA)
  • Прогрессивное веб-приложение (PWA)
  • Перенос существующих мобильных приложений на основе Flutter в Интернет и предоставление того же опыта.

Flutter не транспилирует HTML-эквиваленты своих виджетов. Скорее, веб-движок Flutter предоставляет выбор между двумя средствами визуализации:

  1. Модуль рендеринга CanvasKit, который использует WebGL и WebAssembly для рендеринга команд рисования Skia на холсте браузера.
  2. Средство визуализации HTML, оптимизированное для широкой совместимости и размера.

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

Сообщество также добавило некоторые веб-функции, такие как автозаполнение текста, манифесты PWA и контроль над URL-адресами маршрутизации и адресной строки.

Поддержка рабочего стола

Он все еще находится в состоянии бета-тестирования, стабильная версия может быть выпущена в конце этого года. Тем не менее, давайте посмотрим, что он может предложить.

Для настольных браузеров сообщество добавило сочетания клавиш, интерактивные полосы прокрутки, поддержку чтения с экрана для облегчения доступа в Chrome OS, Windows и macOS, а также увеличило плотность контента по умолчанию в режиме рабочего стола.

Google внесла несколько улучшений, доведя рабочий стол Flutter до отличного качества, обеспечив естественное редактирование текста на каждой поддерживаемой платформе, интегрировав основные функции, такие как опорные точки выбора текста и т. д. Он также добавил встроенное контекстное меню в TextField и Виджеты TextFormField для языков дизайна Cupertino и Material. Ручки захвата добавляются в виджет ReorderableListView.

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

Исправление флаттера

Flutter Fix — это набор различных вещей. Он имеет эксклюзивную командную строку инструмента Dart CLI, известную как Dart Fix. Это помогает найти список устаревших API и обновить код с их помощью. Это также позволяет получить доступ к списку доступных исправлений, который упакован с Flutter SDK.

Кроме того, он имеет обновленный набор расширений Flutter для Android Studio IDE, VScode и IntelliJ, которые могут предоставить аналогичный список доступных решений и помочь разработчикам изменять коды, просто используя мышь.

Расширенная портативность

Google выделяет 3 недавние команды, которые обеспечивают максимальную мобильность Flutter.

Во-первых, Microsoft расширит поддержку Flutter. Наряду с недавним сотрудничеством по обеспечению высококачественной поддержки Windows во Flutter, Microsoft также внесет свой вклад в движок Flutter, который облегчает разработку приложений для складных устройств Android.

Во-вторых, Canonical объединяется с Google за перенос Flutter на рабочий стол. Он будет поддерживать разработку и развертывание приложений в Linux. Canonical обещает предложить превосходные возможности на нескольких аппаратных конфигурациях.

Наконец, Toyota — ведущий производитель автомобилей — объявила о принятии некоторых новаторских стратегий для предоставления автомобилям цифрового опыта нового поколения путем создания различных информационно-развлекательных систем на базе Flutter. Toyota стремилась нанять разработчика Flutter из-за сенсорной системы уровня смартфона Flutter, быстрой итерации, эргономики разработчика и неизменно высокой производительности. Встроенные API-интерфейсы Flutter позволят Toyota настраивать Flutter и соответствовать требованиям создания передовых информационно-развлекательных систем.

Добавить в приложение

Flutter 2 стремится снизить нагрузку на разработчиков в любом агентстве по разработке приложений, обеспечивая при этом высококачественные результаты. Add-to-App — еще одна функция, подчеркивающая эту цель.

Разработчики могут добавить Flutter в существующее приложение для Android или iOS. Функция «Добавить в приложение» — отличный способ повторного использования кода Flutter на обеих платформах при сохранении текущей собственной базы данных. С этим изменением Google предлагает возможную интеграцию движка Flutter в нативные приложения.

Флаттер Фолио

Как мы уже обсуждали, теперь Flutter поддерживает 3 платформы — Android, iOS и Интернет, а также еще 3 в бета-версии — Windows, Linux и macOS. Как можно создать приложение, которое меняет несколько форм (маленький, большой и средний экраны), несколько идиом (веб, мобильный и рабочий стол) и несколько режимов ввода (клавиатура, мышь и сенсорный ввод)?

Flutter Folio дает ответ на этот вопрос.

Flutter Folio — это приложение для скрапбукинга, разработанное с использованием возможностей Flutter для создания приложений, которые без проблем работают на любой платформе и устройстве: Android, iOS, Mac, Windows, Linux и в Интернете. Это прекрасный пример адаптивного приложения, созданного в сотрудничестве с gskinner и командой Flutter.

Flutter DevИнструменты

Flutter DevTools используется для отладки приложений Flutter. Представлена ​​новая функция, которая фокусируется на любой проблеме еще до запуска DevTools, — это способность IntelliJ, Android Studio или Visual Studio Code замечать всякий раз, когда возникает исключение, и предлагать представить его в DevTools, чтобы инициировать процесс отладки.

Во время работы DevTools новые значки ошибок на вкладках помогают отслеживать различные проблемы в приложении.

В DevTools добавлена ​​еще одна новая функция, позволяющая легко увидеть изображение в более высоком разрешении, чем оно заявлено. Это помогает уменьшить использование дополнительной памяти и размер приложения. Разработчики могут разрешить Invert Oversized Images во Flutter Inspector включить эту функцию.

Google также добавил возможность отображать фиксированные макеты. Это позволяет разработчикам отлаживать различные типы макетов.

Другие функции, доступные во Flutter DevTools 2, включают следующее:

  • Представление «Производительность» теперь переименовано в «Профилировщик ЦП». Точно так же представление «Временная шкала» переименовано в «Производительность». Изменения подчеркивают функциональные возможности, которые они предлагают.
  • Новые диаграммы просмотра памяти меньше, проще в использовании и быстрее. Он включает в себя новую всплывающую карточку, которая объясняет действия в определенное время.
  • На вкладку «Журналирование» добавлены функции поиска и фильтрации.
  • Средние данные FS и различные улучшения удобства использования включены в диаграмму Flutter Frames.
  • Временная сетка включена в пламенные диаграммы CPU Profiler.
  • Запускается форма Tracklogs, чтобы разработчики могли проверить общую историю регистрации при ее запуске.
  • Неудачные сетевые запросы будут вызываться в сетевом профилировщике для мгновенной фиксации.

Мобильная реклама Google для Flutter

Google объявляет о запуске бета-версии Google Mobile Ads для Flutter. Новый SDK хорошо работает с AdMob и AdManager, предлагая различные форматы рекламы, включая баннерную, нативную, межстраничную и видеорекламу с вознаграждением.

Google также объявил о различных обновлениях плагинов Flutter для ключевых сервисов Firebase, таких как Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, интегрируя поддержку для надежной нулевой безопасности, а также обновление Cloud Messaging Package.

Дарт 2.12

Это еще одно важное открытие Google. Dart 2.12 поддерживает надежную нулевую безопасность. Он может удалить любое исключение нулевой ссылки. Таким образом, он гарантирует, что во время разработки и во время выполнения типы могут содержать только нулевые значения, если разработчик явно выбирает их.

Обновление также включает последовательное применение FFI (интерфейс внешних функций). Это позволяет разработчикам использовать библиотеку dart:ffi для вызова собственных C API.

Время подводить итоги

Как видите, Flutter 2 вносит революционные изменения в область разработки приложений. Грань между использованием Интернета и мобильного приложения постепенно стирается в пользу превосходного взаимодействия с пользователем на различных платформах и устройствах. Если вы хотите плыть по течению, пришло время создать приложение с Flutter 2!