Никогда такого не было и вот опять — креативные люди что-то придумали 🤘

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

Когда: 13 апреля в 17:00
Где: канал «Одной ногой в диджитал».
Кто будет: креативный директор Сергей Калюжный, дизайн-директор Александр Ковальский и директор по развитию Сергей Прокофьев.
Ведущий: Валерий Пеньков.

А чтобы не забыть о дне Х, сделали для вас события, которые можно добавить в свой календарь:
Google-календарь
Яндекс.Календарь

Hola, Amigos!

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

О чем вы узнаете из кейса:
- почему мы снова выбрали Flutter;
- подробности о каждом этапе разработки;
- почему выбрали тестирование методом черного ящика.

Будем рады вашим лайкам и комментариям! Если есть вопросы, пишите, на все ответим.

Подборка статей о мобильной разработке на Flutter

Hola, Amigos! Наш тимлид Flutter-направления Тимур Моисеев собрал дайджест статей, которые стоит почитать (а еще полезный бонус).

Перспективы развития Flutter

Это статья-перевод от нашего Flutter-разработчика Саши Чаплыгина. После мероприятия Flutter Forward команда Flutter написала краткую выжимку о планах развития Flutter в 2023 году. В этой статье вы узнаете о том, над чем уже сейчас работает команда Flutter и какие 4 направления приоритетны в этом году.

In App Update - The Flutter Way

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

Dragging, zooming and placing object on indoor map with Flutter

Нестандартная задача, но не менее интересная. Если нужно масштабировать и двигать картинку, на которую нужно наложить объекты, чтобы было все связанно и красиво. В статье вы узнаете, как это реализовать на практике.

Бонусом добавил пакет для текстовой маски.

Hola, Amigos!

Ну что, темы на май очевидны, мы остановимся на 2:

1. Интересные библиотеки и плагины для разработки на Flutter.
2. Личный опыт: с какими трудностями сталкиваемся и как решаем?

А в июне расскажем обо всем остальном, что было в опросе. Разрыв совсем небольшой, понятно, что все темы интересны. А чтобы оставаться на связи и пообщаться на тему Flutter-разработки — вступайте в чат канала.

Hola, Amigos!

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

Мы 19 по Москве и 35 по России среди лучших веб-студий по разработки мобильных приложений в Рейтинге Рунета 2023! Кроме того, мы вошли в топ-100 комплексных digital-агентств и заняли 75 место. А еще нас признали одним из лучших digital-подрядчиков по Москве и России.

Это наш первый рейтинг, и уже такие успехи. Всего 2 года на рынке, и уже в топах одного из лучших рейтингов для веб-студий.

Спасибо большое команде, которая делает невозможное реальным, спасибо клиентам, которые доверяют нам свои мечты и идеи. Дальше больше!

Фестиваль спорта и технологий для ИТ-специалистов

Hola, Amigos!

18 июня в Измайловском парке AGIMA проведет спортивный фестиваль для IT-специалистов RUNIT.

В этом году RUNIT пройдет в 4 раз. 3 тысячи специалистов соберутся в одном месте в одно время. Будут и те, кто придет поболеть за друзей и коллег. И мы хотим, чтобы нас было еще больше!

Центральное событие RUNIT — масштабный забег. Участвовать в нем можно индивидуально, а можно со своей командой посоревноваться в эстафете.

Участников ждет не только забег, но и различные активности. Например, можно встретиться с нами и попрыгать на скакалках на время за крутые призы от Amiga. А еще будет полевая кухня и анлимитед бар с безалкогольными напитками.

Регистрация тут. До встречи на забеге 18 июня в Измайловском парке!

Talker и Collection

Hola, Amigos! На связи Сергей Климович, Flutter-dev Amiga и Тимур Моисеев, TeamLead Flutter. Сегодня поговорит о двух пакетах: Talker и Collection.

Talker

Talker — это пакет логгирования для Flutter, который предназначен для упрощения записи, отслеживания различных событий и сообщений во время разработки приложений. Конечно, один из популярных пакетов логгирования для Flutter — это logger, но сегодня не о нем.

Какие есть преимущества у пакета Talker:

1. Работает с различными State managements. Для Bloc есть отличное «расширение» — talker_bloc_logger.
2. Работает с инструментами отчетности о сбоях (Firebase Crashlytics, Sentry и д.р.).
3. Выводит журналы без отдельной реализации пользовательского интерфейс.
4. Дает возможность делиться журналами и отчетами о сбоях из коробки.
5. Есть расширение для Dio.
6. Можно расширять Talker для своих задач.

Демо на тест тут.

Collection (см. картинку)

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

А также есть много дополнительных методов упрощающих работу со списками.

Hola, Amigos!

Мы заняли 63 место в рейтинге лучших мобильных разработчиков России по версии Tagline 2023🏆

Это еще одна важная для нас победа. За 2 года на рынке мы попали в 2 самых главных рейтинга России по мобильной разработке. Без нашей крутой команды ничего бы не вышло, спасибо вам большое! А еще спасибо заказчикам за доверие. Такие достижения мотивируют расти и не останавливаться, значит, мы на верном пути.

Hola, Amigos!

Недавно вышла новая версия Flutter 3.10. Мы перевели статью одного из разработчиков Flutter и поделились ею на Habr. Почитать 1 часть можно тут. В ней мы рассказываем о новых и обновленных компонентах фреймворка. На следующей неделе выпустим вторую часть про изменения в веб-разработке на Flutter.

Пакеты, которыми мы часто пользуемся ч.1

Hola, Amigos! На связи вся команда Flutter в Amiga. Собрали список из must-have пакетов на Flutter, которые используем сами.

1. Пакет mask_text_input_formatter

Пакет mask_text_input_formatter используется для форматирования и проверки ввода текстовых полей на основе предопределенного шаблона маски. Он дает возможность принудительного применения определенного формата для пользовательского ввода, например номеров телефонов, номеров кредитных карт, дат и т. д.

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

Параметр "inputFormatter" в TextFormField или TextField позволяет разработчикам передавать список классов типа TextInputFormatter для определения поведения поля. TextInputFormatter преобразует значение поля в текст, а текст — в значение поля.

2. Пакет yandex_mapkit

Этот пакет используют для интеграции Яндекс-карт.
Ключевой плюс — большой спектр настроек карты, что позволяет сделать карту именно такой, какой вы хотите её видеть.

У yandex_mapkit есть список примеров в репозитории GitHub (ссылка на странице пакета), которые дают быстро освоить возможности пакета.

Также весомым плюсом является оптимизация пакета, карта будет хорошо работать даже при наличии нескольких сотен объектов карты (MapObject).

3. Пакет camera 0.10.5+2

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

Он пригодится, чтобы:
- получить live-stream c камеры;
- сделать запись видео;
- получить изображение с камеры;
- работать с выбранной камерой из доступных на устройстве.

Во второй части расскажем еще несколько незаменимых пакетов для нас.

Hola, Amigos!

Выпустили вторую часть статьи о новой версии Flitter 3.10. В ней вы узнаете:

- об обновлениях в разработке веб и мобильных приложений;
- изменениях в движке Impeller;
- об улучшениях в API;
- за счет чего повысить производительность приложений на Flutter;
- об изменениях в устаревших функциях.

Читайте статью на Habr по этой ссылке. Если есть вопросы, задавайте их тут или в самой статье.

Пакеты, которыми мы часто пользуемся ч.2

Hola, Amigos! На связи вся команда Flutter в Amiga. Дополним наш список из must-have пакетов и виджетов на Flutter, которые используем сами.

1. Пакет cached_network_image

Если вы еще не используете cached_network_image в своих проекта, то пора начать это делать. Особенно, если у вас список с картинками.

Есть пара существенных плюсов для использования этого пакета:

- изображения сохраняются в файлы на устройстве;
- увеличивается скорость отображения изображений при повторном обращении.

2. Adaptive Scaffold

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

Основная цель пакета Flutter Adaptive Scaffold — упростить разработку макетов, которые нужно адаптировать под разные платформы и устройства с неодинаковыми размерами экрана.

AdaptiveScaffold внутренне построен на AdaptiveLayout, но абстрагируется от некоторых сложностей с помощью пресетов, основанных на спецификации Material 3 Design.

3. Библиотека grouped_list

Данная библиотека — удобные инструменты для группировки и отображения данных в списке. Она помогает справиться с типичной задачей объединения элементов списка по заданному критерию и отображения группированных данных.

Вот пример использования библиотеки для группировки списка контактов по первой букве их имен:

import 'package:flutter/material.dart';
import 'package:grouped_list/grouped_list.dart';

class Contact {
  final String name;
  final String phoneNumber;

  Contact({required this.name, required this.phoneNumber});
}

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final List<Contact> contacts = [
    Contact(name: 'Alice', phoneNumber: '1234567890'),
    Contact(name: 'Bob', phoneNumber: '9876543210'),
    Contact(name: 'Charlie', phoneNumber: '5555555555'),
    // Дополнительные контакты...
  ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Grouped List',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Grouped List'),
        ),
        body: GroupedListView<Contact, String>(
          elements: contacts,
          groupBy: (contact) => contact.name.substring(0, 1),
          groupSeparatorBuilder: (String value) => Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text(
              value,
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
          ),
          itemBuilder: (context, contact) => ListTile(
            title: Text(contact.name),
            subtitle: Text(contact.phoneNumber),
          ),
        ),
      ),
    );
  }
}

В этом примере мы определяем список контактов и используем GroupedListView для создания списка, где контакты будут сгруппированы по первой букве их имен. groupBy принимает функцию, которая возвращает ключ группы для каждого элемента, и groupSeparatorBuilder используется для создания виджета, разделяющего каждую группу. itemBuilder определяет, как будет отображаться каждый элемент списка.

Это лишь пример использования "grouped_list" в Flutter, и библиотека предлагает и другие возможности для настройки и работы с группированными списками.