Flutter Pulse
1K subscribers
605 photos
1 file
1.67K links
На канале будут новости про flutter с сайтов, информация об обновлении пакетов, а также авторский контент.
Download Telegram
Новые пакеты за неделю

fldraw
Пакет для бесконечного холста и диаграммирования, идеально подходит для создания приложений с редакторами на основе узлов, белыми досками или любого вида интерактивного холста.
👍 Лайки: 20, 📥 Скачиваний: 29
https://pub.dev/packages/fldraw
#fldraw #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages

flutter_app_locker
Пакет позволяет блокировать ваше приложение с помощью PIN-кода или биометрических данных. Поддерживает Android и iOS.
👍 Лайки: 9, 📥 Скачиваний: 44К
https://pub.dev/packages/flutter_app_locker
#flutter_app_locker #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages

flutter_mana
Платформа для внутренней отладки Flutter-приложений, предлагает различные инструменты для отладки.
👍 Лайки: 1, 📥 Скачиваний: 764
https://pub.dev/packages/flutter_mana
#flutter_mana #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages

smart_textform_validator
Пакет для легкой и мощной валидации TextFormField.
👍 Лайки: 17, 📥 Скачиваний: 106
https://pub.dev/packages/smart_textform_validator
#smart_textform_validator #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages

shimmer_ai
Пакет позволяет легко добавлять анимации загрузки к любым виджетам в вашем приложении.
👍 Лайки: 18, 📥 Скачиваний: 154
https://pub.dev/packages/shimmer_ai
#shimmer_ai #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages

flutter_permission_guard
Пакет позволяет легко управлять разрешениями в приложениях Flutter, включая камеру, микрофон и геолокацию.
👍 Лайки: 9, 📥 Скачиваний: 70.6К
https://pub.dev/packages/flutter_permission_guard
#flutter_permission_guard #flutter #dart #pubdev #FlutterPulse #FlutterPulseBestNewPackages
Flutter — Shimmer: Улучшаем пользовательский опыт во время загрузки данных
🚀 Хотите сделать своё Flutter-приложение более привлекательным и удобным для пользователей во время загрузки данных? 🤔

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

В статье подробно описано, как реализовать Shimmer в Flutter, включая установку пакета Shimmer, создание виджета Shimmer и его использование в приложении. Вы также узнаете, как использовать Shimmer для списков, карточек и изображений. 🌟

Кроме того, в статье приведен пример простого Flutter-приложения, которое загружает "факты о кошках" и использует Shimmer во время загрузки данных. 📚

Перейдите по ссылкам, чтобы узнать больше о Shimmer в Flutter:
🇷🇺Flutter — Shimmer (на русском)
🇬🇧Flutter — Shimmer (на английском)
🌐Оригинальная статья

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

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #userexperience #ui #ux #shimmer #loadinganimation
🔥1
Самые лучшие обновлённые пакеты за последние 24 часа

flex_color_scheme 8.4.0
Пакет flex_color_scheme используется для создания красивых тем Material Design в Flutter. В новой версии добавлены новые функции, такие как возможность выбора между старым и новым стилем слайдеров M3, темизация прогресс-индикаторов и карточек.
👍 Лайки: 3140, 📥 Скачиваний: 62.9К
https://pub.dev/packages/flex_color_scheme

flutter_background_geolocation 4.18.2
Теперь с поддержкой Android ELF Alignment.
👍 Лайки: 822, 📥 Скачиваний: 37К
https://pub.dev/packages/flutter_background_geolocation

shimmer_animation 2.2.2+1
Этот пакет используется для создания простых и красивых скелетных загрузчиков в проектах.
В новой версии исправлены проблемы со статическим анализом.
👍 Лайки: 498, 📥 Скачиваний: 46.6К
https://pub.dev/packages/shimmer_animation

screen_protector 1.4.8
Пакет screen_protector используется для защиты данных от утечки через скриншоты и запись экрана на Android и iOS.
В новой версии исправлена ошибка, вызывающая крах на iOS 18 при возвращении из фона.
👍 Лайки: 298, 📥 Скачиваний: 59.6К
https://pub.dev/packages/screen_protector

tar 2.0.2
Пакет tar используется для чтения и записи файлов в формате tar.
В новой версии добавлены документационные комментарии для всех публичных членов.
👍 Лайки: 40, 📥 Скачиваний: 249К
https://pub.dev/packages/tar

desktop 6.0.2
Используется для создания минимальных виджетов рабочего стола для Flutter.
В этом обновлении исправлено определение типа.
👍 Лайки: 169, 📥 Скачиваний: 243
https://pub.dev/packages/desktop

#flutter #dart #pubdev #FlutterPulse #FlutterPulseBestPackages #flex_color_scheme #flutter_background_geolocation #shimmer_animation #screen_protector #tar #desktop
Забудьте про Shimmer Widgets: Skeletonizer - умный способ загрузки UI в Flutter

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

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

С помощью Skeletonizer вы сможете создавать скелетные загрузчики, используя ваш реальный UI, без необходимости писать фальшивые плейсхолдеры. Библиотека предоставляет различные возможности для настройки, включая разные эффекты, такие как ShimmerEffect, SolidEffect и PulseEffect.

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

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

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

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #appdevelopment #uiux #loadinganimation #skeletonizer #shimmer #flutterlibrary
👍1😁1
Эффект мерцания в Flutter: улучшение пользовательского опыта

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

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

Эффект мерцания — это анимированный плейсхолдер, имитирующий "мерцание" или "движущийся свет" над виджетами, пока фактические данные загружаются в фоновом режиме.
👉 Преимущества эффекта мерцания:
Улучшает пользовательский опыт
Делает экраны загрузки более быстрыми
Придает профессиональный и отполированный вид интерфейсу
Снижает разочарование пользователей во время вызовов API
Идеален для скелетных экранов

⚙️ Для реализации эффекта мерцания в Flutter существует популярный пакет shimmer. В статье показано, как добавить зависимость, обернуть виджет с Shimmer.fromColors и создать скелетный UI.

🔹 Основные шаги реализации:
👉 Шаг 1: Добавьте зависимость shimmer в pubspec.yaml
👉 Шаг 2: Оберните виджет с Shimmer.fromColors
👉 Пример скелетного UI с карточками и текстом

Лучшие практики использования эффекта мерцания:
🔹 Используйте мерцание только во время фактических состояний загрузки
🔹 Избегайте чрезмерных анимаций мерцания
🔹 Сохраняйте формы плейсхолдеров похожими на реальный контент
🔹 Используйте более легкие цвета для плавного UX
🔹 Используйте ListView.builder для длинных списков

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

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

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

#flutter #dart #flutterpulse #FlutterPulseMedium #mobiledevelopment #ui #ux #shimmer #loadinganimation
👍2