Flutter Pulse
1.02K subscribers
638 photos
1 file
1.78K links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
Полное руководство по 40+ необходимым пакетам Flutter 🚀

Вы когда-нибудь смотрели на свой файл `pubspec.yaml` и задумывались, что на самом деле делают все эти пакеты? Давайте разберемся! 🔍

В этой статье мы подробно рассмотрим более 40 пакетов, которые могут быть необходимы для разработки Flutter-приложений. Вы узнаете о пакетах для интернационализации и локализации, управления состоянием, навигации, хранения данных, работы с сетью и многих других.

Вот некоторые из тем, которые мы затронем:
👉 Интернационализация и локализация с помощью `intl и easy_localization`
⚙️ Основные утилиты, такие как `collection, path и convert`
📁 Хранение и сохранение данных с помощью `path_provider, flutter_secure_storage и isar_community`
🔥 Работа с Firebase, включая `firebase_core, firebase_messaging и flutter_local_notifications`
💰 Внутриигровые покупки с помощью `in_app_purchase`
📱 Интеграция с устройством и системой с помощью `package_info_plus, permission_handler и app_settings`

🇷🇺 Читать статью на русском

🇬🇧 Read the article in English

🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #crossplatform #developertools
Изучение новых возможностей в Flutter 3.38
Flutter продолжает развиваться, и с выходом версии 3.38 команда Google сосредоточилась на производительности, опыте разработчика и стабильности. В этой статье мы погрузимся в новые функции, взвесим их преимущества и недостатки, а также раскроем продвинутые советы по использованию этих обновлений.

Основная часть статьи посвящена разбору ключевых нововведений в Flutter 3.38, среди которых:
Impeller — новый движок рендеринга, доступный теперь и на Android, который обеспечивает более плавную анимацию и прокрутку.
Улучшенная обработка текста и новые возможности для `TextField и TextFormField`, включая встроенную поддержку контекстного меню на десктопе и вебе.
Улучшенные инструменты для отладки, включая новую функцию "Diff Snapshot" в Memory Profiler, которая помогает отслеживать утечки памяти.
Обновления Material 3, направленные на повышение согласованности и исправление ошибок.

В статье также обсуждаются преимущества и недостатки обновления до Flutter 3.38, а также даются советы по использованию новых функций, таких как:
🔹 Тестирование Impeller на Android для оценки прироста производительности.
🔹 Использование новой функции "Diff Snapshot" для выявления утечек памяти.
🔹 Настройка виджета SearchAnchor для реализации поиска в приложении.

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #programming #technews
👍1
Flutter Bluetooth Mastery: полное руководство по BLE и Classic с BLoC

Устали бороться с путаницей в Bluetooth? Теперь вы можете стать экспертом в области Bluetooth для Flutter-приложений с чистым и масштабируемым управлением состоянием BLoC!

В этой статье вы узнаете, как работать с Bluetooth Low Energy (BLE) и Bluetooth Classic, когда использовать каждый из них и как построить реальный рабочий код, который обрабатывает все крайние случаи. Вы получите полное руководство по настройке проекта, реализации BLoC-архитектуры и обработке различных сценариев использования Bluetooth в ваших Flutter-приложениях.

Основные темы статьи:
👉 Различия между BLE и Bluetooth Classic
⚙️ Настройка проекта для работы с Bluetooth
📌 Реализация BLoC-архитектуры для управления состоянием Bluetooth
🔹 Примеры использования BLE и Bluetooth Classic в реальных приложениях
Решение распространенных проблем при работе с Bluetooth

🇷🇺 Читать статью на русском

🇬🇧 Read the article in English:
Part 1 → https://telegra.ph/Flutter-Bluetooth-Mastery-BLE-vs-Classic-with-BLoC-The-Guide-Everyone-Wishes-They-Had-Part-1-02-06
Part 2 → https://telegra.ph/Flutter-Bluetooth-Mastery-BLE-vs-Classic-with-BLoC-The-Guide-Everyone-Wishes-They-Had-Part-2-02-06

🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #Bluetooth #BLE #BLoC #FlutterBloc #StateManagement #IoT #SmartDevices #WearableTech #MobileApp #FlutterDev #iOS #Android #FitnessTracker #SmartHome #FlutterTutorial #AppDevelopment #TechGuide
Понимание initState() и didChangeDependencies() в Flutter: когда и как использовать

При создании Flutter-приложений разработчики часто сталкиваются с двумя важными методами жизненного цикла: initState() и didChangeDependencies(). Хотя они оба запускаются при создании виджета, у них разные цели и поведение.

В этой статье мы подробно рассмотрим эти методы, их различия и примеры использования. Вы узнаете, когда использовать initState() для инициализации контроллеров и переменных, а когда применять didChangeDependencies() для доступа к данным из Providers и Blocs.

Основные отличия между initState() и didChangeDependencies():
🔹 initState() запускается только один раз при создании виджета, а didChangeDependencies() может запускаться повторно при изменении зависимостей.
🔹 initState() не рекомендуется использовать для операций, требующих context, тогда как didChangeDependencies() безопасен для таких операций.

⚙️ Когда использовать initState():
👉 Для инициализации контроллеров и переменных.
👉 Для выполнения API-запросов, не зависящих от контекста.
👉 Для запуска анимаций.

⚙️ Когда использовать didChangeDependencies():
Для доступа к данным из Providers и Blocs.
Для чтения MediaQuery, Theme и Localizations.
Для выполнения запросов, основанных на данных из контекста.

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #programming #softwaredevelopment
1
Жизненный цикл виджета Flutter: от создания до уничтожения

Вы когда-нибудь задумывались, как Flutter управляет виджетами за кулисами? Понимание жизненного цикла виджета Flutter — один из наиболее важных концептов для создания эффективных, безошибочных и оптимизированных по производительности приложений.

В этой статье мы разберем полный цикл жизни виджетов Flutter, различия между жизненными циклами `StatelessWidget` и `StatefulWidget`, а также рассмотрим распространенные методы жизненного цикла, такие как initState(), build() и dispose(). Вы узнаете, как правильно управлять состоянием и ресурсами, и какие лучшие практики использовать при работе с виджетами.

Жизненный цикл виджета включает в себя несколько этапов: создание, монтирование, обновление и уничтожение.
🔹 `StatelessWidget имеет только один метод жизненного цикла — build()`, который вызывается только один раз, если только родительский виджет не перестраивает его.
🔹 StatefulWidget имеет динамический жизненный цикл, поскольку его состояние может меняться со временем.
👉 Основные методы жизненного цикла `StatefulWidget: createState(), initState(), didChangeDependencies(), build(), didUpdateWidget(), deactivate() и dispose()`.
⚙️ Правильное использование этих методов позволяет избежать утечек памяти и эффективно управлять состоянием.

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #programming #softwaredevelopment
Сжатие медиафайлов в Flutter: как уменьшить размер фотографий с 5 МБ до 500 КБ без потери качества

Вы когда-нибудь сталкивались с проблемой, когда пользователи загружают огромные фотографии в ваше Flutter-приложение, занимая слишком много места на сервере и замедляя работу приложения?

В новой статье рассматривается решение этой проблемы с помощью плагина media_compressor, который позволяет сжимать изображения и видео до 80-90% без потери качества.

В статье описываются приёмы и советы по сжатию медиафайлов, такие как:
Использование нативных платформенных API для максимальной производительности
Сохранение качества изображений при уменьшении размера файла
Обработка ошибок и исключений
Поддержка сжатия видео

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

🔹 Сжатие изображений до 80-90% без потери качества
🔹 Поддержка сжатия видео
🔹 Нативная производительность на Android и iOS
🔹 Простое использование и настройка

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, понравилась ли вам рубрика!

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #mediacompression
Flutter Урок 5: Горячая перезагрузка, Отладка и DevTools

Продолжаем погружение в мир Flutter! В этом уроке мы рассмотрим инструменты, которые делают разработку быстрее, проще и интереснее.

В статье мы узнаем, как использовать Горячую перезагрузку (Hot Reload), чтобы мгновенно видеть изменения, как отладить распространенные ошибки и как использовать мощные Flutter DevTools для инспекции дерева виджетов, производительности и использования памяти.
Горячая перезагрузка (Hot Reload) обновляет код мгновенно, сохраняя состояние приложения
Горячий рестарт (Hot Restart) перезапускает приложение, сохраняя последние изменения кода
Полный рестарт (Full Restart) перестраивает приложение с нуля

Мы также рассмотрим, как использовать DevTools для визуальной отладки, инспекции дерева виджетов и анализа производительности.
👉 Полезные советы для отладки:
🔹 Используйте print() для быстрого отслеживания изменений
🔹 Установите точки останова в VS Code/Android Studio
🔹 Используйте DevTools для отладки макета и анализа производительности

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Оцените рубрику! Все подобные новости ищите по хэштегу #FlutterPulseMedium

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #devtools #hotreload #debugging #mobiledevelopment #appdevelopment
👍1
Flutter: Удаление условных операторов из дерева виджетов

Представьте себе код Flutter-приложения, где логика и отображение разделены идеально. Это не просто мечта — это реальность, к которой стремятся многие разработчики!

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

🔹 Автор начинает с объяснения своей строгой позиции по отношению к разделению логики и отображения в коде Flutter-приложений.
🔹 Он показывает, как использовать виджет Visibility, чтобы контролировать видимость различных состояний приложения.
🔹 Также рассматривается альтернативный подход, при котором виджеты создаются внутри ViewModel.
Основные преимущества и недостатки каждого подхода подробно обсуждаются.

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

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #programming #softwaredevelopment
👎4👍2
Flutter Урок 8: От Статического UI к Взаимодействию с Пользователем

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

В статье вы научитесь создавать приложения, которые могут принимать ввод от пользователя, реагировать на нажатия кнопок и обновлять интерфейс в реальном времени. Вы узнаете о виджетах ввода, таких как TextField, и о том, как использовать TextEditingController для чтения пользовательского ввода. Также вы поймёте, как работают кнопки в Flutter и как использовать setState для обновления интерфейса.

TextField: виджет для ввода текста пользователем
TextEditingController: контроллер для чтения и управления пользовательским вводом
ElevatedButton: кнопка для выполнения действий
setState: функция для обновления интерфейса

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

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #programming #softwaredevelopment
👍1
Flutter Flavors: Как правильно настроить окружения для разработки, staging и production

Вы разрабатываете профессиональное Flutter-приложение и сталкиваетесь с необходимостью управления разными окружениями? Теперь вы можете легко переключаться между Dev, Staging и Production средами!

В этой статье вы узнаете, как настроить и управлять Flavors в Flutter, чтобы изолировать конфигурации, создать уникальные идентификаторы приложений и предотвратить случайное попадание dev-кода в production. Вы научитесь создавать разные конфигурации для Android и iOS, использовать переменные окружения и автоматизировать сборку с помощью CI/CD pipelines.

Основные концепции Flavors и их преимущества
⚙️ Пошаговая настройка Flavors для Dev, Staging и Production
🔹 Создание отдельных конфигурационных файлов для каждого окружения
👉 Использование разных иконок приложений для каждого Flavor
Лучшие практики по управлению Flavors и безопасностью приложения

🇷🇺 Читать статью на русском
🇬🇧 Read the article in English
🌐 Читать оригинал

Все подобные новости ищите по хэштегу #FlutterPulseMedium Напишите, чтобы подписчики оценили рубрику.

FlutterPulse — канал о мире Flutter!

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #programming #softwaredevelopment