👨‍🔧 Привет! На связи Flutter-разработчики Friflex. 

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

В этом канале мы будем делиться свежими обновлениями, плагинами, пакетами, реальными примерами ошибок и их решений, советами по интеграции с платформами и работой с API, UI/UX решениями и новостями из мира Flutter.

🚀Присоединяйтесь! Мы уверены, что Flutter — это не просто инструмент, а целый мир возможностей. Давайте вместе сделаем его еще более Flutter Friendly.

Привет, это Юра, Tech Lead Flutter-команды Friflex

Меня часто спрашивают, как настроить и установить Flutter Aurora. А вот так!

Записал полную инструкцию. Сегодня подробно покажу, как установить Aurora SDK.

🔗 Скачать Aurora SDK

Что делать дальше, смотрите в следующем выпуске.

#howtoflutter

Cегодня — день интернета в России! Надеемся, у вас достаточно стабильное соединение, чтобы сохранить эти 10 классных пакетов для работы с интернетом:

1. http
Простой и популярный пакет для выполнения HTTP-запросов (GET, POST и других). Отлично подходит для базовых задач, таких как загрузка данных с API или отправка форм.
🔗http на pub.dev

2. dio
Мощный пакет для HTTP-запросов: с перехватчиками, отменой запросов и управлением тайм-аутами.
🔗dio на pub.dev

3. graphql_flutter
Идеальное решение для интеграции GraphQL-запросов в приложение, если ваш бекэнд работает с GraphQL.
🔗graphql_flutter на pub.dev

4. connectivity_plus
Пакет для мониторинга состояния сети. Поможет отслеживать тип подключения (Wi-Fi, мобильные данные) и доступ в интернет.
🔗connectivity_plus на pub.dev

5. flutter_cache_manager
Этот пакет помогает управлять кэшированием файлов и данных.
🔗flutter_cache_manager на pub.dev

6. web_socket_channel
Пакет для работы с WebSocket-соединениями. Идеально подходит для реального времени, например, в чатах или системах уведомлений.
🔗web_socket_channel на pub.dev

7. retrofit
Клиент REST API, вдохновленный популярным библиотекой Retrofit из мира Android. Помогает сократить количество шаблонного кода.
🔗retrofit на pub.dev

8. flutter_downloader
Этот пакет упрощает скачивание и отображение прогресса. Хорошая штука, если в приложении нужно загружать файлы.
🔗flutter_downloader на pub.dev

9. firebase_storage
Пакет для интеграции с Firebase и хранения медиафайлов в облаке. Идеальный вариант, если ваш основной бэкенд — это Firebase.
🔗firebase_storage на pub.dev

10. flutter_inappwebview
Пакет для работы с веб-контентом. Будет очень полезен, если вы собираетесь внедрить WebView или использовать встроенный браузер.
🔗flutter_inappwebview на pub.dev

Всем быстрого интернета 💜

Привет, это Анна, Team Lead Flutter-команды Friflex

Продолжаю рассказывать, как интегрировать карты в мобильные приложения. Сегодня разберемся, как создать список точек, которые будут отображаться маркерами на карте yandex_mapkit.

Используем класс PlacemarkMapObject. Он принимает разные параметры, которые помогают создать уникальный дизайн маркера и настроить нужные пользовательские взаимодействия:

🔴 icon принимает экземпляр PlacemarkIcon, который позволяет создавать простые и составные иконки
🔴 text дает возможность отображать кастомный текст на маркере
🔴 onTap и onDrag задают взаимодействия с маркером

Создадим список точек Point, которые необходимо отобразить маркерами на карте:

List<Point> get points {
  return const [
    Point(latitude: 55.755864, longitude: 37.617698),
    Point(latitude: 51.507351, longitude: -0.127696),
    Point(latitude: 41.887064, longitude: 12.504809),
  ];
}

Для каждой отдельной точки создаем экземпляр маркера PlacemarkMapObject.

List<PlacemarkMapObject> get mapObjects => List.generate(
      points.length,
      (index) => PlacemarkMapObject(
        mapId: MapObjectId('MapObject $index'),
        point: points[index],
        opacity: 1,
        text: PlacemarkText(
          text: '$index',
          style: const PlacemarkTextStyle(size: 14, color: Colors.white),
        ),
        icon: PlacemarkIcon.single(
          PlacemarkIconStyle(
            image: BitmapDescriptor.fromAssetImage('assets/icons/map_point.png'),
            scale: 2,
          ),
        ),
        onTap: (mapObject, point) {
          // действие при нажатии на маркер
        },
        onDrag: (mapObject, point) {
          // действие при перетягивании маркера
        },
      ),
    );

Список объектов готов. В следующий раз расскажу, как отобразить их на карте.

#howtoflutter

Юра, Tech Lead Flutter-команды Friflex, вновь на связи!

Как установить Aurora SDK, я уже рассказал. Переходим к настройке эмулятора для Flutter. Просто, как дважды с два, с этой видеоинструкцией🖱