Поле для ввода пин-кода в приложении может потребоваться во множестве случаев. Для легкого добавления в приложение такого поля можно использовать библиотеку flutter_pin_code_fields_package. С ее помощью можно:

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

📌 Почитать подробнее про использование этой библиотеки можно в статье от Naveen Srivastava.

P.S. Спасибо за ответы на вчерашний опрос, в ближайшее время постараюсь опробовать новый формат.

#статья

Переключатели - важная часть пользовательского интерфейса. Они позволяют пользователю выставлять значения параметров, выбирая из 2 вариантов. Некоторые из переключателей имеют большую смысловую нагрузку, например смена тёмной и светлой темы, и их нужно выделить особенно. Для них можно реализовать нестандартную анимацию переключения. Или воспользоваться готовым решением - lite_rolling_switch. Эта библиотека позволяет использовать переключатели с анимацией перекатывания, а также имеет множество настроек кастомизации.

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

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

👉 отображение истории в виде текста, изображений, gif и видео;
👉 добавление жестов для управления просмотром: предыдущая, следующая история, пауза;
👉 анимированный индикатор для каждой истории.

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

#библиотека

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

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

Необычные механизмы взаимодействия с пользователем, могут добавить вашему приложению изюминку. Например круговое меню, появляющееся при нажатии на кнопку. Реализовать его можно с помощью плагина circular_menu. Добавленный виджет имеет различные настройки отображения и анимацию из коробки.

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

#библиотека

На днях в Твиттере Flutter появилось очередное весьма интересное видео, посвященное предстоящему Google IO.
Анонсы c подсказками спрятанными в видео входят в моду у Flutter команды, или просто совпадение?

#события

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

В нем были собраны отзывы по темам:
👉 насколько разработчики удовлетворены работой Flutter и Dart;
👉 факторы, повлиявшие на выбор Flutter;
👉 популярные в комьюнити облачные сервисы.

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

#статья

Уже совсем немного времени осталось до начала Google IO 2021, одной из самых важных и интересных конференций в году, в том числе и для нас - мобильных разработчиков.

📌 Не пропустите трансляцию.

#события

Google IO идет полным ходом, и уже потихоньку появляются новости, которые касаются Flutter, хотя наша секция еще и не началась. Что же мы уже знаем:

👉 Flutter 2.2.0 в stable;
👉 многозначительное “Release notes are on their way pending some I/O announcements this week. Stay tuned!” в группе анонсов;
👉 интересный пример приложения под web на Flutter - фотобудка.

Ждем начала Flutter-секции и большего количества новинок.

#события

Google IO продолжается, и уже прошел первый день Flutter-секции. И если честно, то пока выглядит весьма скудненько. Похоже, что на Engage выбросили все новинки, а до IO особо ничего “вау” и не сделали. Среди того, что выделяет в важное сама Flutter команда:

👉 Flutter 2.2.0;
👉 NullSafety по умолчанию;
👉 улучшения для desktop;
👉 улучшения в DevTools;
👉 плагин для платежей;
👉 интеграции с различным сервисами Google.

📌 Узнать подробнее, можно в видео от Andrew Fitz Gibbon.

#события

Касаемо Dart появилось сразу два анонса. В одном из них рассказывается, что же нового в версии 2.13:

👉 алиасы типов;
👉 FFI улучшения;
👉 изменения, нацеленные на производительность;
👉 новые образы для Docker;
👉 Dart для Google Cloud;

Второй же анонс посвящен не техническим изменениям, а организационным. В ней Tim Sneath рассказал о том, как они будут вести политику развития касаемо Angular, AngularDart и поддержку web Flutter.

#обновления

Мы с коллегами из Surf решили провести небольшое мероприятие. Возьмём свой же пример к библиотеке и разберем почему как пример он пойдёт, а вот в прод так писать точно не стоит. Покажем как написать тоже самое, но уже правильно, а также как покрыть код:

👉 unit-тестами;
👉 widget-тестами;
👉 интеграционными тестами;
👉 golden-тестами.

📌 Зарегистрироваться можно по ссылке.

Вышел очередной выпуск Flutter Dev Podcast. На этот раз тема была весьма хардкорная - как именно строится UI во Flutter. Я тоже поучаствовал в записи этого выпуска вместе с Евгением Сатуровым (Surf), Александром Денисовым (EPAM) и Андреем Смирновым (Inspector Cloud). Мы затронули множество аспектов, от самого устройства, до влияния на производительность.

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

#подкасты

Как мобильному разработчику зарабатывать еще больше?

По шагам:

1. Зарулить на Мир.Труд.Мобайл 27 мая. Free🔥
2. Послушать спикеров из разработки и UI/UX про тренды в мобайле (Sberbank, Instagram, Surf, Redmadrobot, hh и тд)
3. Познакомиться с другими разрабами и дизайнерами в виртуальном чате
4. Узнать последние тренды, фичи, секретные секретики про рынок мобильных приложений, платформы, языки и интерфейсы
5. Объявить себя самым умным, прозорливым и дорогим специалистом

Регистрируйся тут.

Будет много интересных и полезных докладов, в том числе мой коллега Евгений Сатуров расскажет про типы модульных тестов на Flutter.

🏕 Если хочешь вживую поболтать со спикерами и потусить на даче в Иннополисе — горит 200 билетов от 5 тыщ рублей. Забирай здесь. Промокод на скидку 5%: ohmyflutter

После перерыва в предыдущем году, конференция Secon возвращается, еще и в офлайн формате. Она пройдет 19-20 июня в Пензе и уже сейчас заявлено огромное количество докладов по различным темам: от Digital Art до ML. Мобильная разработка тоже будет, более того будет и Flutter 💪. Я тоже решил съездить и выступить там с докладом, так что приглашаю всех желающих послушать, обсуждать и пообщаться.

📌 Узнать подробнее о конференции и купить билеты можно по ссылке.

Компания Google наконец выпустила Fuchsia OS. Правда в стиле известного персонажа - только я вам ее не отдам, потому что у вас Nest Hub нет.

Обновление с Fuchsia будет поставляться постепенно в течении ближайших месяцев, обладателям колонок Nest Hub первого поколения. Будем ждать более широкого покрытия устройств, чтобы опробовать.

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

#события

На Google IO был представлен релиз Flutter 2.2. Давайте рассмотрим подробнее, что же принесло нам это обновление?

👉 поддержка Dart 2.13;
👉 улучшения поддержки Web;
👉 оптимизации смены страниц для Cupertino;
👉 время установки обновленной версии приложения для iOS сократилось на 40%;
👉 добавлены новые иконки Material;
👉 улучшения при работе с текстом;
👉 упрощение работы со скроллом;
👉 обновление экосистемы и тулинга.

Помимо всего этого в превью:

👉 улучшение работы с шейдерами на Metal;
👉 deferred components для Android;
👉 UWP (Universal Windows Platform) для десктоп;

📌 Почитать подробнее можно в анонсе от Chris Sells.

#обновление

На IO нам показали диво-дивное и чудо-чудное, фотобудку, которая всех покорила(нет). А если без шуток, то кейс все равно интересный и достойный внимания.
Само приложение написано на Flutter, ориентированно на web платформу и использует Firebase сервисы.

А о том, как же его создавали, можно прочитать в статье от команды Very Good Ventures, которые и занимались разработкой.

#статья

На Google IO был представлен интересный сервис - Flutter Flow. Он предоставляет визуальный редактор, для построения Flutter приложения. Он позволяет:

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

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

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

#сервис

Covid добавил в жизнь человечества не только бесконечные проблемы и ограничения, но и широкий простор для полета фантазий - что можно сделать удобнее в текущих реалиях. Как насчет научить программу определять в маске ли человек? Да пожалуйста - берем Flutter, teachablemachine и вуаля 😀.

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

#статья

Во Flutter есть виджет GridView, который умеет располагать дочерние объекты упорядочено по сетке. Он доступен из коробки. Но вот чего в нем нет, так это возможности кастомизировать пользователю порядок элементов. Зато эта возможность есть в пакете drag_and_drop_gridview. Помимо стандартного поведения GridView, добавляется:

👉 возможность перетаскиванием поменять порядок;
👉 настроить поведение - будут ли элементы меняться местами, или будет происходить сдвиг;
👉 запретить для некоторых элементов перетаскивание.

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

#библиотека