Flutter. Много
2.76K subscribers
332 photos
23 videos
257 links
Заказать мобильную разработку: https://amiga.agency/?utm_source=tg
Заказать рекламу в канале @amiga_agency_bot

Новости Flutter-разработки, дайджесты мероприятий, личный опыт.
Download Telegram
Полезные посты и статьи апреля, которые вы могли пропустить

Hola, Amigos! Собрали для вас в одну подборку все полезные посты и статьи апреля, чтобы вам было чем заняться на майских праздниках 🙂

Выбирайте, что вам интересно, и переходите по ссылкам.

🔵 Записки мобильного разработчика (пакет visibility_detector)

🔵 Обзор pin_code_fields

🔵 Полезный пакет для управления яркостью экрана

🔵 Home Widget для iOS

🔴 Вакансия Middle Flutter-разработчика в Amiga

🔵 Полезный пакет для управления зависимостями в приложении

🔵 Apple усиливает защиту данных пользователей с 1 мая

Полезные пакеты вы всегда найдёте по тэгу #пп.

Всем хорошего кода! ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
👍43❤‍🔥2👏1💘1
14 мая Google I/O

Hola, Amigos! Грядет одно из самых ожидаемых событий в мире технологий — конференция Google I/O! В этом году она пройдет с 14 по 17 мая и обещает множество захватывающих новостей и анонсов для мобильных разработчиков ⚙️

Google I/O — это отличная возможность погрузиться в мир новых технологий, продуктов и инноваций от Google. Для флаттер-разработчиков это особенно важное событие, так как на конференции обычно анонсируются значительные обновления и нововведения в экосистеме Google, включая инструменты и ресурсы для разработки приложений на Flutter.

Конференция проходит офлайн, но у нас будет возможность узнать о новых возможностях и инструментах Flutter в прямом эфире. Регистрируйтесь на официальном сайте Google I/O 🙂
Please open Telegram to view this post
VIEW IN TELEGRAM
💘4👌32👍1🍓1
Посещаете ли вы профессиональные конференции?
Anonymous Poll
33%
Да
67%
Нет
Обзор Flutter Flow

Hola, Amigos! Сегодня мы поговорим о инструменте Flutter Flow, который поможет вам ускорить и упростить разработку мобильных приложений на Flutter.

Что такое Flutter Flow

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

Преимущества инструмента

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

Практический пример использования

Представим, что у вас есть задача создать экран входа в приложение. С помощью Flutter Flow вы можете:

1️⃣ Добавить элементы ввода для имени пользователя и пароля.

2️⃣ Создать кнопку «Войти», которая будет активировать процесс аутентификации.

3️⃣ Настроить внешний вид элементов, выбрав подходящие цвета, шрифты и стили.

Все это можно сделать в несколько простых шагов, без необходимости писать код.

Создавайте потрясающие Flutter-приложения с Flutter Flow! Экспериментируйте и изучайте все возможности этого инструмента, чтобы сделать вашу разработку еще более эффективной и удобной.

Делитесь в чате, используете ли вы Flutter Flow в работе?
Please open Telegram to view this post
VIEW IN TELEGRAM
👎33👍9💩72💘2
Рейтинг мобильных разработчиков России по выручке в 2023 году

Hola, Amigos! Ну что, пошла жара! Рейтинг Digirate опубликовал результаты ииии… *барабанная дробь*

Amiga заняла 8 место среди компаний мобильных разработчиков по выручке в 2023 году ❤️

Это не может не радовать, ведь нам всего 3 года! Честно признаться, когда мы погружаемся в рутину, то думаем, что за 3 года можно было и лучше. Но когда мы смотрим на цифры, а цифры никогда не лгут, то понимаем, что растем космически!

И останавливаться не собираемся. Уверенно стремимся в ТОП!

А если хочешь вместе с нами, то присоединяйся к нашей команде.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🎉4💘3
Hola, Amigos! Сегодняшнего дня с нетерпением ждали все IT компании. Подготовка к Рейтингу Рунета, без преувеличений, длится целый год. Апрель выдался сумасшедшим, потому что нововведения сыпались на почту каждый день. В прямом смысле, хотелось рвать волосы на голове🤪

Но нужно отдать должное всем организаторам Рейтинга, ведь с каждым годом он становится всё прозрачнее и серьезнее, что позволяет заказчикам видеть ясную картину рынка заказной разработки. А также хотелось бы выразить благодарность за оперативные ответы, советы и разъяснения🙏

Что ж, перейдем к нашим победам:

1 место среди молодых разработчиков мобильных приложений

1 место среди молодых digital-подрядчиков крупнейших компаний

2 место среди разработчиков мобильных приложений для оптовой и розничной торговли

3 место среди компаний по анализу и тестированию мобильных приложений

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

5 место среди разработчиков приложений для услуг

6 место среди мобильных разработчиков Москвы

21 место среди мобильных разработчиков России

Мы сильно поднялись в этом году! Невероятно гордимся командой и радуемся результатам рейтинга 2024 года. Принимаем ваши поздравления в комментариях и поднимаем бокальчик шампанского!

Страшно представить, что будет на 4 году Amiga. Страшно интересно!😏
👏2010🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
Макросы Dart: повышение уровня абстракции разработки

Hola, Amigos! Недавно прошла конфа Google I/O 2024, на которой было представлено множество новинок, но сегодня поговорим о нашумевшей фиче — Макросы Dart. Кто не смотрел прямой эфир, сейчас расскажем, в чем соль.

Долгое время болевой точкой для разработчиков Dart была тривиальная, но утомительная схема сериализации и десериализации JSON-данных. Создание многократно используемого и достаточно мощного решения является сложной задачей в Dart, поскольку он не поддерживает рефлексию во время выполнения по соображениям производительности. В качестве альтернативы мы прибегаем к решениям по генерации кода, таким как JsonSerializable. Они зависят от внешних инструментов, которые запускаются перед самим кодом, что усложняет работу разработчика.

На конференции анонсировали предварительную версию радикально нового подхода к сериализации и десериализации JSON: макроса JsonCodable.

Как это работает? Откуда взялся метод toJson() (и сопутствующий ему конструктор fromJson())?

Это экспериментальная реализация новой системы макросов, призванной упростить работу разработчиков. Когда компилятор Dart видит аннотацию @JsonCodable(), он немедленно находит определение макроса JsonCodable в реальном времени и начинает его выполнять. Вот как работает макрос:

1️⃣ Создайте новый класс - новую конструкцию языка, которая позволяет добавлять новые объявления к существующим классам.
2️⃣ Прочитайте определение класса Vehicle, данное разработчиком, и определите, что у него есть два поля - description и wheels.
3️⃣ Добавьте новую сигнатуру метода toJson в класс дополнения.
4️⃣ Заполните тело метода toJson, чтобы обработать сериализацию полей description и wheels.

Всё это происходит без задержек и интегрировано в существующие рабочие процессы разработчиков, такие как горячая перезагрузка, как показано в скринкасте.

Как вам такие новости? Делитесь в чате своими мыслями.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19💘115
Hola, Amigos! На связи Вова Зевеке, сегодня расскажу про пакет pod_player.

Ранее в своей статье я пробовал собрать кастомный видеоплеер с помощью пакета youtube_player_flutter. По итогу упёрся в баги, которые нельзя было решить возможностями Flutter. И нашёл замену!

Сам по себе pod_player не сильно отличается от большинства других пакетов для разработки видеоплеера. Однако, он куда меньше тормозит и быстрее грузит видео.

Сначала настроим необходимые разрешения. Для Android, нужно добавить в AndroidManifest.xml:

<uses-permission android:name="android.permission.INTERNET"/>


Если видео использует URL-адреса http, то добавляем:

<application
- - -
- - - - - -
android:usesCleartextTraffic="true"


Для iOS проводим настройку в файле Info.plist:

<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>


Пакет добавляет виджет PodVideoPlayer со свойствами:

- controller (PodPlayerController, контроллер для управления видеплеером);
- podProgressBarConfig (PodProgressBarConfig, настройка вёрстки полоски прогресса);
- videoThumbnail (DecorationImage?, превью видео);
- alwaysShowProgressBar (bool, определяет, будет ли всегда отображаться полоска прогресса);
- onToggleFullScreen (Future<void> Function(bool)?, коллбек при переходе плеера в полноэкранный режим);
- onLoading (Widget Function(BuildContext)?, определяет отображаемый виджет при загрузке видео);
- onVideoError (Widget Function()?, определяет отображаемый виджет при ошибке в видео);
- overlayBuilder (Widget Function(OverLayOptions)?, позволяет сделать кастомный интерфейс видеоплеера).

Чтобы плеер проигрывал определённое видео, нужно приложить ссылку на него в виде файла, веб-ссылки, youtube-id, ассет в приложении.

Код с примером пользования youtube-id:

@override
void initState() {
controller = PodPlayerController(
playVideoFrom: PlayVideoFrom.youtube(
widget.videoId,
),
)..initialise();

}

body: PodVideoPlayer(controller: controller),


Всем хорошего кода! Делитесь в чате своим опытом.
👍8🔥7👏4🤩2💘1
Hola, Amigos! На связи команда Amiga.

Docker Hub прекратил работу на территории России. Это значит, что многие из нас могут столкнуться с проблемами при доступе к важным контейнерам и образам.

Чтобы минимизировать неудобства, предлагаем рассмотреть следующие решения:

1️⃣ Зеркала и альтернативы: Используйте зеркала Docker Hub или локальные репозитории для хранения и получения образов.

Рабочее проверенное решение: huecker.io

2️⃣ VPN: Для обхода блокировки можно воспользоваться VPN-сервисами. Это поможет получить доступ к Docker Hub с российской территории.

3️⃣ Локальные решения: Разверните свои собственные локальные Docker-реестры, чтобы хранить и управлять образами в пределах вашей инфраструктуры.

Если у вас есть другие идеи или решения, делитесь в чате!

Будем рады любой информации, которая поможет всем нам продолжать работать эффективно и без перебоев 🙂
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍54💘1
10-14 июня WWDC 2024

Hola, Amigos! Apple анонсировала долгожданное событие для всех разработчиков — WWDC 2024 (Worldwide Developers Conference), которое пройдет с 10 по 14 июня 2024 года. Это мероприятие является одной из самых значимых конференций в мире IT, и оно будет особенно полезно для мобильных разработчиков.

Почему стоит принять участие в WWDC 2024?

WWDC традиционно является платформой для анонса новых версий iOS и iPadOS. Узнайте первыми о новых функциях и API, которые можно будет использовать для улучшения ваших приложений. Это включает новые инструменты для UI/UX, улучшенные возможности безопасности, новые способы интеграции с Apple экосистемой и многое другое.

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

Как принять участие?

Конференция WWDC 2024 пройдет бесплатно в онлайн-формате, что делает её доступной для всех, независимо от местоположения.

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

Делитесь в чате, пойдете ли на мероприятие?
5🔥5👍3💘1
This media is not supported in your browser
VIEW IN TELEGRAM
Разработка с AI

Hola, Amigos! Сегодня поделимся с вами новостями о нейросети Gemini Pro, которая помогает разработчикам ускорить и упростить написание кода Android-приложений. Плюс повысить их качество, опираясь на подсказки AI.

Общаться с Gemini можно как на общие темы по разработке, так и задавая конкретные вопросы в окне чата. Нейросеть запоминает контекст разговора, что упрощает коммуникацию ведь не нужно объяснять каждый раз всё сначала. Например, у AI можно спросить, как добавить в приложение поддержку камеры.

Gemini поможет написать код с нуля, дописать его недостающие части, предложить свои дополнения и прокомментировать отдельные участки кода. Дополнительной возможностью стало создание приложений с генеративным AI на основе начального шаблона. Поддерживается ввод не только текста, но и изображений.

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

На данный момент Gemini в Android Studio функционирует в тестовом режиме и опробовать его можно бесплатно!

Рассказывайте в чате, кто уже успел повзаимодействовать с Gemini? Как вам?
👍9🔥32👏1🤔1💘1
Краткая сводка WWDC 2024

Hola, Amigos! Недавно из опроса мы узнали, что профильные конференции не пользуются спросом среди подписчиков нашего канала, поэтому летим к вам с новостями WWDC 2024!

Про «летим» не шутили, именно так и началась презентация Apple. Будто заставка к фильму про супергероев 🙂

iOS 18

Главные нововведения коснулись рабочего стола и всего, что с ним связано.

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

iPadOS 18

– Впервые iPad с калькулятором! Можно писать сложные уравнения, и он сам посчитает.
– Обновились заметки, теперь рукописный текст будет исправляться ИИ.

macOS 15 Sequoia

– Самая полезная фича — работа с iPhone. Теперь можно вывести экран телефона на macOS. Это очень удобно для проведения демонстраций заказчику.
– Пуши будут объединяться, но пока не понятно как именно. Если сообщение прилетит в Telegram, то на маке будет показано только сообщение из Telegram для macOS или с телефона тоже?
– Наконец-то появилось удобное позиционирование рабочих окон, больше не требуется дополнительное приложение.

Apple Intelligence (AI)

И главная новость — Apple добавила ИИ в свои системы. Собственную полноценную LLM не используют [не доросла, значит, до представления миру]. А что-то сложное, связанное с текстом, делает ChatGPT бесплатно.

Что умеет AI? Генерирует картинки в 3 стилях, основываясь на контексте. Заглушает ненужные пуши. Обновленная Siri составит сильную конкуренцию остальным ИИ.

Даты релизов

🔴 Developer Beta уже доступна, но нужна подписка.
🔴 Public Beta выйдет в июле.
🔴 Финальный релиз осенью. iOS, watchOS, iPadOS в сентябре, macOS в октябре.

Пишите в чате, было ли интересно? И делитесь своим мнением об обновлениях!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6💘3💩2🐳2🏆2🤷1
Многомодульность в Flutter

Hola, Amigos! На связи Павел Гершевич, Flutter Team Lead в Amiga. Сегодня расскажу, как создавать большие приложения на Flutter с помощью многомодульности. Также она пригодится в случаях, когда нужно создать набор библиотек и когда общий код должен быть у 2 и более приложений.

У многомодульности есть 2 основных подхода: монорепозиторий и полирепозиторий. Сегодня рассмотрим первый. Кто-то изобретает велосипед, а мы используем готовый пакет Melos.

Для начала нам нужно установить его глобально через консоль.

dart pub global activate melos

Далее создаем папку под проект. В ней обязательно должно быть 2 файла: pubspec.yaml, в котором обозначим название проекта и версию Dart, а также melos.yaml для настроек монорепозитория. Создаём нужные приложения, пакеты и плагины, в которые будем писать код. Вот примерное расположение папок для 2 приложений:

my_project
|— apps
| |— app_1
| |— app_2
|— common
| |— ui_kit
| |— models
|— features
| |— feature_1
| |— feature_2
| |— feature_3
|— melos.yaml
|— pubspec.yaml
|— README.md


pubspec.yaml
name: my_project

environment:
sdk: '>=3.0.0 <4.0.0'

dev_dependencies:
melos: ^6.0.0


melos.yaml
name: my_project

packages:
- apps/**
- common/**
- features/**


После этого мы получаем зависимости для всех созданных нами пакетов. Также это сгенерирует файлы pubspec_overrides.yaml, которые нужно не забыть добавить в .gitignore. Делается это командой:

melos bootstrap

Так у нас появляется наш многомодульный проект на Dart и Flutter.

Поделитесь в чате, в каких многомодульных Flutter-проектах вы участвовали? С какими трудностями встречались?
🔥12👍63👎1💘1
Project IDX

Hola, Amigos! Недавно мы рассказывали про Gemini в Android Studio, но в Flutter он не у всех работает, как мы узнали из нашего чата. И для вас у нас есть решение — Project IDX.

Project IDX — облачная IDE от Google нового поколения, которая позволяет создавать fullstack приложения прямо в браузере. Уже поддерживает основные технологии:

⚪️ Для Backend: Node Express, Go, Rust, Django, Flask, .NET.
⚪️ Для Frontend: Angular, React.js, Vue.js, Svelte и многое другое, можно даже на простом HTML и CSS что-то написать.
⚪️ Если нужно и то, и другое — NextJS.
⚪️ Для ИИ: Gemini API.
⚪️ И для мобильных приложений, конечно же, Flutter.

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

Flutter проекты в Project IDX умеют запускаться на Android и Web. Работают Hot Restart и Hot Reload, причем иногда быстрее, чем через Android Studio или Xcode. Даже DevTools не нужно отдельно запускать, они уже встроены.

При помощи Project IDX можно сразу захостить Web сборку в Firebase или добавить Gemini API в приложение, нажатием одной кнопки ⚙️

Делитесь в чате, пробовали ли вы Project IDX?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👍6🤝4
Hola, Amigos! На связи Владимир Зевеке и Михаил Чернецов, Flutter-devs Amiga. Сегодня обсудим MediaQuery — важный инструмент для адаптивной верстки.

MediaQuery — это класс, устанавливающие поддерево, в котором для заданных данных разрешаются медиа-запросы. Самое популярное его свойство — size, к которому часто обращаются через MediaQuery.of(context).size.

Однако, это не оптимально. Рекомендуется использовать MediaQuery.sizeOf(context). Разница в том, что функция of() заставляет виджет перестраиваться при изменении любого свойства MediaQuery, тогда как sizeOf() этого не делает, что повышает производительность. То же самое относится и к другим свойствам MediaQuery.

Несмотря на удобство MediaQuery, им не рекомендуется злоупотреблять в коде, поскольку в определённых случаях поведение данного инструмента может стать труднопредсказуемым. Его можно использовать, если:

🔴 Приложение должно адаптировать дизайн под разные размеры экрана.
🔴 Виджету требуется динамическая ширина (width).
🔴 Задачу нельзя решить другим инструментом адаптивной верстки, например, Flexible.

MediaQuery также предоставляет информацию об экране устройства: viewInsets и viewPadding. viewInsets полезен для определения, открыта ли клавиатура. viewPadding дает информацию о небезопасной зоне устройства.

Ещё одна фишка — использование textScaler для адаптивной верстки, это полезно если размеры какого-то виджета должны увеличиваться при увеличении размера текста. Например, виджет фиксированной высоты или размер иконок в кнопках.

Кроме того, MediaQuery позволяет узнать находится ли устройство в режиме «темной темы», используя поле platformBrightness и ориентацию устройства (ландшафтный или портретный режим).

Делитесь своими вопросами и опытом в чате!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍194🔥4👌1
Hola, Amigos! Недавно прошла главная конференция по мобильной разработке этой весны — Mobius 2024 Spring.

Mobius — техническая конференция для специалистов, связанных с мобильной разработкой: iOS- и Android-разработчиков, архитекторов мобильных приложений, специалистов по DevOps, тестировщиков, тимлидов и руководителей проектов.

Для каждой из платформ спикеры обсуждают как нативную, так и кроссплатформенную разработку. И всё, что «вокруг»: от Swift до систем сборки.

От Amiga на Mobius выступил Павел Гершевич, наш Flutter Team Lead с докладом «Создание indoor-карты здания на Flutter».

Обсудили реализацию интересной задачи — размещение на одном или нескольких экранах внутренней карты здания. Рассказали о подходах и собственном решении с использованием Flutter.

Кроме этого, Павел выступил экспертом у Кирилла Адещенко из РСХБ-Интех на теме «Многомодульное приложение на Flutter» и доказал, что на Flutter можно создавать крупные приложения.

Пока доступны только презентации. Видеозаписями поделимся немного позже!

Пишите в чат, кто был на конференции? Чьи доклады понравились больше всего?
👍10👏4🔥3
IT’S TIME TO RUN

Hola, Amigos! Приглашаем 07 июля всех-всех-всех разработчиков, аналитиков, маркетологов, тестировщиков и других специалистов, кто напрямую связан с IT-сферой поучаствовать в самом масштабном и энергичном мероприятии RUNIT.

RUNIT — это спортивный фестиваль для IT-сообщества. В этом году пройдет юбилейный 5-ый забег в музее-заповеднике «Коломенское». В этом году участвует 4000 бегунов и еще как минимум 2000 болельщиков!

Amiga также присоединится к этому событию, такое нельзя пропускать! И в этот раз вы увидите нас в новом свете. Участвуйте и приходите на нашу промо-площадку, где вы сможете:

🔴 познакомиться с нашей командой и обменяться опытом;
🔴 поучаствовать в ловком конкурсе «Кольцеброс» и получить самый классный мерч от нас и подарки от наших партнеров HolyCorn и FitnesSHOK.
🔴 отдохнуть в тени под кронами деревьев на пледе или зарядиться энергетическим гелем от Спорт Фермы перед забегом.

Для участия регистрируйтесь на сайте!

До встречи на RUNIT 07 июля ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
👍63🔥3💘2