Таб бар внизу - довольно популярное решение для реализации навигации. Но стандартные отображения, это же весьма скучно и обыденно. Поэтому к реализации таб баров многие подходят творчески и реализуют довольно классные варианты.

📌 Посмотреть на один из таких вариантов можно в статье от Tony Owen.

#статья

Ни для кого не тайна, что в Dart был добавлен механизм ffi, для запуска нативного C кода. Но насколько глубока кроличья нора? Совсем недавно вышел сразу ряд статей, направленных на раскрытие одного и того же вопроса - использование Dart в связке с WASM. WebAssembly (WASM) - формат двоичных инструкций для виртуальной машины на основе стека. Изначально он был разработан для запуска нативного кода в web, но уже превратился в технологию для запуска скомпилированного кода на различных платформах.

📌 Почитать подробнее про связку WASM + Dart можно в статье от Michael Thomsen, а также в статье от Maksim Lin.

#статья

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

📌 Как пользоваться этим виджетом можно прочитать в статье от Shaiq khan.

#статья

Чаще всего приложение на Flutter рассматривают как отдельное решение. Но это не единственная возможность его использования. Части написанные на Flutter можно легко интегрировать в уже существующее нативное приложение. Механизм этот носит название add-to-app.

📌 О том, как пользоваться этим механизмом, можно прочитать в статье от Paul Ruiz.

#статья

Если любого из нас попросить назвать топ любимых решений и библиотек, то скорее всего это будут разные списки. Недавно небезызвестная компания Very Good Ventures опубликовала в своем блоге статью с топ 15 пакетами Dart и Flutter по мнению компании.

📌 Посмотреть, что же нравится ребятам из VGV и сравнить со своим топом, можно по ссылке.

#статья

К авторизации пользователя в приложении можно подходить различными способами. Одним из удобных вариантов для самого пользователя, является авторизация через различные социальные сети. Конечно в зависимости от территориального расположения, могут быть распространены локально популярные соцсети, но есть и распространенные повсеместно - Google, Facebook, Twitter.

📌 О настройке аутентификации пользователя при помощи этих соцсетей, можно почитать в статье от Jaimil Patel.

#статья

Недавно вышел очередной выпуск Flutter Dev Podcast. В этот раз обсуждался интересный инструмент, о котором я тоже уже не раз писал. Речь идет о Dart Code Metrics, который умеет собирать важные метрики качества, а также отслеживать нарушения правил написания кода. На подкаст пришли сами авторы этого решения и обсудили историю создания Dart Code Metrics, ключевые концепции, подкапотное устройство, а также планы развития.
Участники выпуска: Евгений Сатуров (Surf), Александр Денисов (EPAM), Дмитрий Круцких (Surf), Дмитрий Жифарский (Push Play Labs).

🎧 Послушать подкаст можно в Apple Podcasts, Яндекс.Музыка, Google Podcasts, Spotify.

#подкасты

Недавно вышло обновление плагина Flutter для IntelliJ IDE. В этот релиз вошло:

👉 предварительный просмотр иконок из шрифтов;
👉 установка переменных окружения для desktop;
👉 интеграция с AppCode;
👉 исправлены проблемы с отображением встроенного инспектора в Linux.

Ознакомиться с более подробным списком можно по ссылке.

#обновление

Для VSCode также вышло обновление плагина для Flutter. В релизе:

👉 добавлены механизмы для удобного взаимодействия с зависимостями;
👉 команда Fix All вызывающая dart fix ;
👉 множество мелких исправлений взаимодействия с Flutter, и проблем редактора.

📌Ознакомиться с более подробным списком можно по ссылке.

#обновление

Если в работе вы пользуетесь генерацией каждый день по несколько раз, то на постоянный ввод одних и тех же команд вы тратите кучу времени. Плагин Flutter Build Runner Helper для Intellij, упростит выполнение команд build_runner до нажатия на кнопку или сочетание клавиш. В наборе:

👉 flutter packages pub run build_runner build
👉 flutter packages pub run build_runner build --delete-conflicting-outputs
👉 flutter packages pub run build_runner watch
👉 flutter packages pub run build_runner clean

📌 Установить расширение можно по ссылке.

#плагины

Команда Google опубликовала результаты опроса за второй квартал 2021 года.

Опрос был посвящен общей удовлетворенности Flutter, а также содержал несколько открытых вопросов.

📌 Ознакомиться с результатами можно в статье.

#статья

Когда мы разрабатываем приложение, мы естественно хотим, чтобы оно было самым лучшим, красивым и уникальным. Но не всегда в моменте это может быть возможным. Быть может у вас стартап, где mvp неплохо было бы появиться еще вчера, а у вас и дизайн то толком не доделан. В таком случае не грех и воспользоваться уже готовыми шаблонами, которые максимально упростят и ускорят вашу разработку, пусть и взамен уникальности на первое время.

📌 Ознакомиться с одним из таких наборов шаблонов, можно по ссылке.

#библиотека

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

👉 AntDesign;
👉 Entypo;
👉 EvilIcons;
👉 Ionicons;
👉 Octicons.

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

📌 Воспользоваться библиотекой можно по ссылке.

#библиотека

Парное программирование это очень крутой подход, для того чтобы решить какую-то сложную задачу, или просто получить опыт совместной работы. Но даже находясь в одном городе в текущих реалиях не всегда есть возможность поработать на одной машине. Не говоря уже про ситуацию, когда вы находитесь за пару сотен километров. Поможет в этой ситуации плагин для Intellij IDEA - Code With Me.
Он предоставляет:

👉 функционал работы над одной кодовой базой в общей среде;
👉 трансляцию голоса и видео;
👉 возможность использовать все это бесплатно (хоть и ограниченными по времени сессиями).

📌 Подробнее о плагине, по ссылке.

#плагин

Команда Flutter проводит третий ежеквартальный опрос, который продлится до 27 августа. На этот раз, часть вопросов выбирается случайно из большого пула, для того чтобы опрос остался удобным, но были покрыты сразу большое количество тем.

📌 Вы можете лично поучаствовать в улучшении Flutter, пройдя опрос по ссылке.

Все, кто хотя бы немного работал с Flutter, знают про механизм Hot Reload. Помимо того, что он очень удобен при разработке, так как позволяет применять изменения на лету, недавно его работу смогли оптимизировать и еще немного ускорить.

📌 Прочитать об этом можно в статье от Jens Johansen.

#статья

Flutter уже сейчас умеет работать с множеством платформ. А это означает, что для всевозможных админок, консолей управления и других вспомогательных решений, Flutter также часто будет становиться выбором. Для подобных кейсов визуальная часть обычно совсем не важна, зато важно удобство и информативность. Например анализ некоторых данных в отчет и выгрузка в электронные таблицы. Для реализации подобного, можно воспользоваться библиотекой gsheets, которая дает доступ к взаимодействию с Google Sheets API v4.

📌 Воспользоваться библиотекой можно по ссылке.

#библиотека

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

📌 Размышления на эту тему и реализацию можно найти в статье от Jelena Lecic.

#статья

Не так давно во Flutter была добавлена поддержка desktop платформ. И теперь на нем можно разрабатывать приложения в том числе и под Windows. Но для того, чтобы приложение выглядело аутентично платформе, нужны соответствующие компоненты, а каждый раз делать свои - огромная работа. Официального набора виджетов для Windows, пока нет, но есть пакет fluent_ui, который содержит множество компонентов, собранных с упором на официальный Fluent Design гайдлайн.

📌 Воспользоваться библиотекой можно по ссылке.

#библиотека

Бывает, что в приложении используются довольно “весомые” картинки. В тот момент, пока они еще грузятся отображается пустота, а когда они наконец загрузились, скачковое резкое проявление выглядит ужасно. Бороться с этим можно при помощи предзагрузки, воспользовавшись функцией precacheImage. Она предварительно загружает изображение в кэш, тем самым уменьшая время появления, когда картинка станет нужна.

📌 Почитать подробнее можно на странице официальной документации.

#советы