Flutter Pulse
513 subscribers
322 photos
694 links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
🚀 Архитектура Flutter: Секрет гибкости и масштабируемости!

🔥 Устали от хаоса в коде? В новом видео на нашем канале эксперт Руслан Цицер разбирает ключевую разницу между архитектурой и структурой папок во Flutter — и это не одно и то же!

Почему это важно? Правильная архитектура позволяет:
Менять структуру проекта без боли (feature-first или layer-first — выбор за вами!)
Легко масштабировать приложение
Делать рефакторинг без страха всё сломать
Создавать чистый, поддерживаемый код для командной работы

📺 В видео детально разобрано:
🔹 Реальный проект (Rick and Morty API) с избранным и пагинацией
🔹 Как разделить "монолитный" StatefulWidget на логические слои (data, domain, presentation)
🔹 Практические шаги рефакторинга: от "одной папки" до feature-first структуры
🔹 Важность абстракций (репозитории!) для гибкости
🔹 Работа с зависимостями и state-менеджментом

💡 Главный инсайт:
«При хорошей архитектуре можно использовать ЛЮБУЮ удобную структуру проекта!»

👉 Смотрите разбор + live-кодинг здесь:
Выстроим архитектуру на простом примере и посмотрим разные структуры папок

❤️ Поддержите автора:
👍 Лайкните видео, если полезно!

#Flutter #Dart #FlutterPulse #FlutterPulseTips
🔎 Ищите больше уроков по хэштегу #FlutterPulseYoutube!
Ждём... или используем скелетную анимацию?

При загрузке контента важно сделать ожидание для пользователя максимально комфортным. Есть два основных способа сделать это: использовать стандартный индикатор загрузки или скелетную анимацию.

Индикатор загрузки - простой и понятный способ показать, что контент загружается. Flutter предоставляет встроенный виджет CircularProgressIndicator.adaptive(), который адаптируется под разные платформы.

// Создает индикатор, который является 
// [CupertinoActivityIndicator] на iOS
// [CircularProgressIndicator] на других платформах
CircularProgressIndicator.adaptive();


Для более широких возможностей можно использовать пакеты, такие как:
- sleek_circular_slider
- flutter_spinkit

Скелетная анимация дает пользователю представление о том, какого типа контент загружается (изображение, текст, длинный текст и т.д.). Это воспринимается как более быстрое и плавное.

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

Для реализации скелетной анимации можно использовать пакет better_skeleton.

Оцените новую рубрику и напишите своё мнение в комментарии! 🤔💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #UIUX #LoadingAnimation #AppDevelopment #FlutterTips
👍1
Обзор пакетов на тему "Изображения" для Flutter и Dart 📸

Image - пакет для загрузки, сохранения и обработки изображений в различных форматах! 📁
Поддерживает форматы: JPG, PNG, GIF, BMP, TIFF и многие другие.
Используется в командной строке, Flutter и веб-приложениях.
👍 Лайки: 1680, 📥 Скачиваний: 3.18М
Последнее обновление: 4 месяца назад
https://pub.dev/packages/image

Extended Image - популярный пакет для Flutter, расширяющий функциональность компонента Image! 📸
Добавляет поддержку кэширования изображений, зума, редактирования и многое другое.
👍 Лайки: 1960, 📥 Скачиваний: 239К
Последнее обновление: 3 месяца назад
https://pub.dev/packages/extended_image

Octo Image - библиотека для показа placeholder'ов, ошибок и преобразования изображений! 🔄
Рекомендуется использовать с CachedNetworkImage версии 2.2.0 или новее.
👍 Лайки: 748, 📥 Скачиваний: 2.3М
Последнее обновление: 11 месяцев назад
https://pub.dev/packages/octo_image

Blur - новый пакет для Flutter, позволяющий легко добавить эффект размытия к виджетам и изображениям! 🔮
Создайте красивые и стильные интерфейсы для ваших приложений.
👍 Лайки: 339, 📥 Скачиваний: 46.8К
Последнее обновление: 3 месяца назад
https://pub.dev/packages/blur

Cached Network Image - пакет для загрузки изображений из интернета и хранения их в кэше! 📈
Экономит трафик и ускоряет загрузку приложения.
👍 Лайки: 6710, 📥 Скачиваний: 2.22М
Последнее обновление: 11 месяцев назад
https://pub.dev/packages/cached_network_image

Flutter SVG - пакет для отрисовки SVG-файлов в Flutter! 🖼️
Легко добавляйте векторные изображения в ваши приложения.
👍 Лайки: 5660, 📥 Скачиваний: 3.25М
Последнее обновление: 38 дней назад
https://pub.dev/packages/flutter_svg

#Image #ExtendedImage #OctoImage #Blur #CachedNetworkImage #FlutterSVG #Flutter #Dart #PubDev #FlutterPulse #FlutterPulseThemedPackages
Новость из surf_flutter:

🔥 Новость для всех любителей Flutter и Dart! 🤩
У меня есть супер-крутая новость для вас! 🤓 Айнура, опытный Flutter-разработчик из Surf, написал статью о том, как оживить поиск с помощью эффекта «пишущей машинки» 📝!
Вы узнаете, как создать необычный виджет, который печатает и стирает подсказки, и даже сможете настроить анимацию 🎥! Это идеальная фича, чтобы сделать ваше приложение еще более интересным и интерактивным 🤩!
Читайте статью и добавляйте новую фичу в свой проект! 👉
Не забудьте подписаться на канал flutterpulse, чтобы быть в курсе всех последних новостей и обновлений в мире Flutter и Dart! 🚀
#flutter #dart #flutterpulse 🚀💻
Самые лучшие обновлённые пакеты за последние 24 часа

flutter_webrtc
Пакет для работы с WebRTC в приложениях Flutter, получил обновление. Этот пакет позволяет использовать функции аудио- и видео-связи, обмена данными и другие возможности WebRTC в приложениях для мобильных устройств, настольных компьютеров и веб-приложений.
👍 Лайки: 1250, 📥 Скачиваний: 63.7К
https://pub.dev/packages/flutter_webrtc

stream_chat_flutter
Пакет для создания чат-приложений, обновлён до версии 9.15.0!
В обновлении добавлены новые свойства и методы, исправлены ошибки.
👍 Лайки: 374, 📥 Скачиваний: 18К
https://pub.dev/packages/stream_chat_flutter

custom_lint
Пакет для создания пользовательских правил линтинга в Dart, обновлён до версии 0.8.0!
В новой версии добавлена поддержка analyzer 7.5.0.
👍 Лайки: 240, 📥 Скачиваний: 1.9М
https://pub.dev/packages/custom_lint

custom_lint_core
Пакет для создания собственных правил и исправлений линтера, обновлён до версии 0.8.0!
Теперь поддерживает analyzer 7.5.0.
👍 Лайки: 4, 📥 Скачиваний: 2М
https://pub.dev/packages/custom_lint_core

video_player_android
Пакет для воспроизведения видео в Android-приложениях, обновлён до версии 2.8.9!
В новой версии изменена структура коммуникации между кодом на Dart и Java.
👍 Лайки: 28, 📥 Скачиваний: 2.9М
https://pub.dev/packages/video_player_android

flutter_local_notifications
Пакет для локальных уведомлений в приложениях Flutter, обновлён до версии 19.4.0!
Теперь доступно чтение dataMimeType и dataUri при вызове getActiveNotifications() для Android-уведомлений в стиле messaging.
👍 Лайки: 7040, 📥 Скачиваний: 1.3М
https://pub.dev/packages/flutter_local_notifications

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #flutter_webrtc #stream_chat_flutter #custom_lint #custom_lint_core #video_player_android #flutter_local_notifications
🔥 Почему твой Flutter UI лагает и как это пофиксить? Часть 1. Смотри разбор!

Привет, Flutter-энтузиасты! Только что наткнулся на суперполезное видео, которое раз и навсегда закрывает больную тему — лаги интерфейса. Если твой UI тормозит, а FPS прыгает — это must-watch! 🚀

👉 СМОТРЕТЬ ВИДЕО

Автор (Руслан) наглядно разбирает:
🔹 Как искать узкие места через Flutter DevTools (вкладка Performance)
🔹 Почему виджеты-«монстры» убивают FPS и как их декомпозировать
🔹 Магию const — как одна правка ускоряет рендеринг в разы!
🔹 Реальные примеры: от 37 мс лагов до плавного UI

💡 Особенно полезно, если ты:
- Не понимаешь, почему интерфейс фризит
- Хочешь научиться делать замеры производительности
- Не веришь, что const — не просто «совет» 😉

📌 Это часть цикла про архитектуру Flutter! Завтра, кстати, вторая часть

💬 Поддержи канал:
👍 Лайк — если полезно!

#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube #Refactoring #CleanCode #FlutterArchitecture #StatefulWidget #ComponentBasedUI #fluttertutorial

P.S. Больше лайфхаков — по хэштегу #FlutterPulseYoutube! Подписывайся на @flutterpulse, если хочешь глубже разбирать Flutter 🔥
Извлечение границ из изображения
Привет, Flutter-разработчики! 👋 Сегодня мы поделимся с вами интересным способом обработки изображений с использованием пакета Image в Dart. 📸

Используем пакет Image для извлечения границ
Пакет Image в Dart предоставляет мощные инструменты для обработки изображений. Одним из интересных применений этого пакета является извлечение границ из изображений. 🔍

Как это работает?
1. Применяем ядро Лапласа ко всем пикселям изображения с помощью функции свёртки (convolution function).
2. Ядро Лапласа помогает выделить границы на изображении, применяя определённую матрицу фильтра к каждому пикселю.

Пример кода:

import 'package:image/image.dart' as img;

// Декодируем изображение из данных
var photo = img.decodeImage(data.buffer.asUint8List());

// Определяем фильтр (ядро Лапласа)
var filter = [
0, -1, 0,
-1, 4, -1,
0, -1, 0,
];

// Применяем свёртку к изображению с использованием фильтра
photo = img.convolution(photo, filter, div: div, offset: offset);


Этот код демонстрирует, как можно использовать функцию convolution из пакета Image для применения ядра Лапласа и выделения границ на изображении. 🔮

Оцените новую рубрику и напишите в комментариях, насколько она вам полезна! 💬

Все подобные новости можно найти по хэштегу #FlutterPulseTips

#flutter #dart #flutterpulse #FlutterPulseTips #MobileDevelopment #ImageProcessing #CodingTips
Обзор пакетов на тему API 📚

pub_api_client 📊
Пакет предоставляет неофициальный клиент API для Pub.dev и позволяет получать информацию о пакетах, их версиях, оценках и многом другом.
👍 Лайки: 65, 📥 Скачиваний: 101К
Последнее обновление 📅: 5 месяцев назад
https://pub.dev/packages/pub_api_client

github 📈
Пакет позволяет взаимодействовать с GitHub на всех платформах, включая веб, сервер и Flutter. Он предлагает быстрое и гибкое API, поддержку аутентификации и встроенный поток OAuth2.
👍 Лайки: 154, 📥 Скачиваний: 103К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/github

pusher_channels_flutter 📱
Пакет для интеграции Pusher Channels в ваши Flutter-приложения. Поддерживает Android, iOS и Web-платформы.
👍 Лайки: 159, 📥 Скачиваний: 16.2К
Последнее обновление 📅: 6 месяцев назад
https://pub.dev/packages/pusher_channels_flutter

weather ☁️
Пакет для Flutter: получайте текущую погоду и прогнозы с помощью OpenWeatherMAP API! Поддерживает геолокацию и поиск по названию города.
👍 Лайки: 242, 📥 Скачиваний: 5.77К
Последнее обновление 📅: 3 месяца назад
https://pub.dev/packages/weather

googleapis 📊
Пакет предоставляет доступ к различным API Google, включая Google Analytics, AdSense, AdMob и многие другие.
👍 Лайки: 1110, 📥 Скачиваний: 787К
Последнее обновление 📅: 4 месяца назад
https://pub.dev/packages/googleapis

openfoodfacts 🍔
Пакет предоставляет бесплатный и легкий доступ к информации о более чем 2,9 миллионах продуктов питания со всего мира.
👍 Лайки: 137, 📥 Скачиваний: 3.64К
Последнее обновление 📅: 6 дней назад
https://pub.dev/packages/openfoodfacts

#pub_api_client #github #pusher_channels_flutter #weather #googleapis #openfoodfacts #flutter #dart #pubdev #flutterpulse #flutterpulsethemedpackages
Самые лучшие обновлённые пакеты за последние 24 часа

pdfrx 2.1.2 - быстрый и функциональный просмотрщик PDF для Flutter, поддерживающий Android, iOS, Windows, macOS, Linux и Web.
В новой версии исправлена проблема с контекстным меню при правом клике на Flutter Web, а также обновлена зависимость от pdfrx_engine до версии 0.1.11.
👍 Лайки: 237, 📥 Скачиваний: 185К
https://pub.dev/packages/pdfrx

msix 3.16.10 - пакет для создания установщиков MSIX для приложений Flutter, что позволяет легко публиковать их в Microsoft Store или на сайте.
В новой версии обновлена зависимость get_it до версии [#306].
👍 Лайки: 921, 📥 Скачиваний: 97.9К
https://pub.dev/packages/msix

appwrite 17.1.0 - пакет, который поддерживает инкремент и декремент атрибутов документов в сервисе Databases, добавляет поддержку формата gif в перечислении ImageFormat и sequence в модели Document.
👍 Лайки: 567, 📥 Скачиваний: 7.8К
https://pub.dev/packages/appwrite

flutter_chat_ui 2.9.0 - открытый чат-интерфейс для приложений Flutter, предназначенный для высокой производительности, настройки и простоты интеграции.
В новой версии появилась двухсторонняя пагинация, позволяющая загружать новые сообщения с помощью нового колбэка onStartReached, а также сохранена возможность загрузки старых сообщений с помощью onEndReached.
👍 Лайки: 1520, 📥 Скачиваний: 67.2К
https://pub.dev/packages/flutter_chat_ui

copy_with_extension 7.0.0 - пакет, который использует новые API analyzer и element2, а также обновлён до source_gen версии 3.0.0.
👍 Лайки: 104, 📥 Скачиваний: 108К
https://pub.dev/packages/copy_with_extension

flutter_link_previewer 4.1.2 - пакет, используемый для создания предпросмотра ссылок в приложениях Flutter.
Обновление включает в себя обновление зависимости до последнего релиза.
🔗 👍 Лайки: 340, 📥 Скачиваний: 71.3К
https://pub.dev/packages/flutter_link_previewer

#Flutter #Dart #PubDev #FlutterPulse #FlutterPulseBestPackages #pdfrx #msix #appwrite #flutter_chat_ui #copy_with_extension #flutter_link_previewer
🚨 Почему твой Flutter UI лагает и как это пофиксить? Часть 2. Глубокий разбор!

Привет, Flutter-разработчики! Руслан подготовил 🔥 огненное видео, которое раз и навсегда прольет свет на причины лагов в интерфейсе. Не просто теория — практические кейсы и инструменты!

В этом выпуске ты узнаешь:
🔹 Как простая функция может полностью заблокировать UI
🔹 Что на самом деле происходит в Raster thread
🔹 Почему выбор движка рендеринга (Skia vs Impeller) критичен для плавности
🔹 Магию RepaintBoundary и как она спасает производительность

🛠 Практика:
- Детальный разбор вкладки Performance в Flutter DevTools
- Как находить лаги, делать замеры и отлаживать UI
- Реальные примеры оптимизации «тяжелых» виджетов

👉 Смотрите видео здесь:
Почему твой Flutter UI лагает и как это пофиксить

#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
P.S. Ищете больше практики? Смотрите все видео цикла по хэштегу → #FlutterPulseYoutube! 💻