Oh, my Flutter
4.95K subscribers
1.18K photos
6 videos
1.11K links
Всё о Flutter-разработке. Новости, статьи, анонсы, вакансии и многое другое. Disclaimer: все публикуемое является частным мнением, свободно распростаняемой информацией, и не содержит рекламных интеграций.

Автор канала - Михаил Зотьев (@mbixjkee).
Download Telegram
Наверное всем знакома ситуация, когда заказчик говорит: «Хочу N как в Facebook/Twitter/Instagram». Поэтому всегда полезно иметь в запасе готовые решения, которые позволят эти хочу воплотить в жизнь быстро и дешево. Одним из таких решений является библиотека polls, позволяющая добавить функционал опросов, подобный используемому в Twitter.

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

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

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

#библиотека #статья
Одним из доступных вариантов тестирования во Flutter является Widget тестирование. Эти тесты позволяют проверить поведение самих виджетов в смоделированной среде.
Для их написания используется библиотека flutter_test.

📌 О том, какие возможности имеются в ней и как ими пользоваться, читайте в первой части серии статей глубокого погружения в Widget тестирование от Deven Joshi.

#статья
Вышла вторая часть в серии статей о глубоком погружении в Widget тестирование, о которой я писал ранее. В ней рассмотрены:

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

📌 Подробнее про все это, читайте в статье от Deven Joshi.

#библиотека
22 апреля КРОК и Лига Ставок проводят Flutter-митап.

В программе:
👉 как сделать приложение на Flutter с речевой аналитикой;
👉 как разобраться с механизмом работы отрисовки оригинальных интерфейсов пользователя;
👉 как изменить код при переходе к null-safety.

Эксперты:
– Григорий Григорьев, ведущий инженер-разработчик, КРОК;
– Вадим Лукичёв, ведущий разработчик мобильных приложений, Лига Ставок;
– Вячеслав Рябинин, главный разработчик мобильных приложений, Лига Ставок.

Подробнее про доклады и регистрация: https://liga-stavok.timepad.ru/event/1615814/
Наконец то это случилось - дамоклов меч над Metal и Flutter убран. Прекомпиляция шейдеров работает теперь и на Metal!

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

#обновления
Эмодзи - важная часть современного общения. И несмотря на то, что в современных клавиатурах есть режим ввода эмоций, весьма полезной для приложения может оказаться возможность выбора эмоций без текстового ввода. Например для функционала реакций на сообщение. В этом может помочь библиотека emoji_picker. Она позволяет:

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

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

#статья #библиотека
Так уж сложилось, что Flutter разработчикам нужно разбираться не только в самом Flutter, но и в нативных платформах, в которые Flutter может. Одной из этих платформ является Android.

И чтобы быть в тренде последних новостей из мира Android разработки, советую подписаться на канал @android_broadcast. Там можно найти ежедневную подборку новостей с кратким обзором. А еще это один из каналов, которым я вдохновлялся, когда решил создать свой канал про Flutter, потому что контент в нем действительно интересный и полезный 👍.

На YouTube канале Android Broadcast можно найти интервью с разработчиками из крупных компаний, обзоры последних технологий и лучшие практики.
▶️ Собеседование в прямом эфире;
▶️ Новости Android разработки;
▶️ Обзор возможностей Constraint Layout.

Автор проекта - Кирилл Розов, Android GDE с опытом более 9 лет в индустрии.
Недавно я писал про Dart Code Metrics - инструмент статического анализа Dart кода. Разработчики активно развивают проект, и вот недавно вышло обновление мимо которого я просто не могу пройти. Добавлено правило avoid-returning-widgets 💪, направленное на исправление Flutter-антипаттерна, при котором сборку виджета отдают методу (метод build и тесты, естественно не в счет).

А еще ребята запустили telegram-канал, посвященный Dart Code Metrics, и если проект вам интересен, присоединяйтесь.
Одним из вариантов E2E тестирования является тестирование роботом. При нем программно воспроизводятся различные варианты взаимодействия пользователя с приложением. Для реализации необходимо написать «классы-роботы», описывающие нужные действия. Во Flutter для этого можно использовать библиотеку flutter_driver, предоставляющую API тестирования приложений на реальных устройствах и эмуляторах.

📌 О том, как можно организовать робот тестирование вашего приложения, читайте в статье от Jorge Coca и Paulina Grigonis.

#статья
На днях состоялась церемония награждения Tagline Awards 2020-2021 — высшая российская награда за интерактивные проекты.

Сразу несколько приложений моих коллег из Surf получили в нем награды, в том числе и написанные на Flutter. К одному из них я тоже приложил свои ручонки 😃, но речь пойдет не про него, а про приложение Росбанк Бизнес. Чем же оно так примечательно:

👉 первое в России и второе в мире (бразильский Nubank вышел в релиз чуть раньше) банковское приложение на Flutter;
👉 это был вызов и смелое решение для Surf и Росбанка - на момент старта разработки, банков на Flutter не было;
👉 лучшее мобильное приложений в категории «Банки, финансы и страхование» по версии Tagline Awards 2020-2021.

О том, как же проходила разработка и с какими вызовами сталкивалась команда, пока делала Росбанк Бизнес, читайте в статье от Surf.

#статья
Уведомления - хороший способ взаимодействия с пользователем. C их помощью можно обратить внимание на что-то, вернуть в приложение. Нотификации в мобильных приложениях можно разделить на два типа:

👉 локальные;
👉 push-уведомления.

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

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

Итак апрель нам запомнится:
👉 конференцией Mobius;
👉 прошел митап КРОК и Лига Ставок;
👉 Tagline Awards 2020-2021 и Flutter приложения 💪;
👉 разрешена проблема с прекомпиляцией шейдеров на Metal.

Ну и конечно совсем не удивительно, что самый популярный пост месяца, уже упомянутый выше:
❤️ разрешена проблема с прекомпиляцией шейдеров на Metal.

#главное
Всем привет! Небольшой опрос, интересно ваше мнение. Я заметил, что бот с помощью которого я оформляю посты, не очень корректно работает с комментариями. Например, о февральских комментах мне пришло уведомление лишь на прошлой неделе. Да и в целом, функционал комментариев в этом боте не очень удобный. И мне хочется улучшить этот момент.

Из вариантов: не пользоваться ботом, но тогда поменяется формат постов — не будет реакций и удобных ссылок. Можно оставить бота, но не пользоваться его комментариями, а создать отдельный чат, в котором все желающие также смогут обсудить опубликованное и просто пообщаться.

Итак опрос:

1️⃣ оставить все как есть, комментарии мне все равно не нужны;
2️⃣ менять формат постинга, чтобы использовать комментарии Telegram;
3️⃣ оставить нынешний формат и создать чат для обсуждения.
Поле для ввода пин-кода в приложении может потребоваться во множестве случаев. Для легкого добавления в приложение такого поля можно использовать библиотеку 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;
👉 популярные в комьюнити облачные сервисы.

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

#статья