🏠 Виджеты на главном экране: делаем Flutter-приложение ближе к пользователю
Хотите, чтобы пользователи видели актуальную погоду, список задач или статистику шагов, не открывая приложение? Виджеты на домашнем экране — именно то, что нужно! 📱✨
Во Flutter нет «коробочной» поддержки виджетов, но есть проверенный путь: нативные инструменты + библиотека-посредник home_widget. Давайте разберем, как это работает.
🎯 Четыре типа виджетов, которые стоит знать:
🔵 Информационные — погода, курсы валют, счетчики. Обновляются по таймеру или пушу.
🔵 Коллекции — лента статей, галерея фото, последние треки.
🔵 Управляющие — кнопка «Новая заметка», «Play/Pause», быстрый поиск.
🔵 Гибридные — комбо из инфы и кнопок (классический плеер).
⚙️ Нативная магия под капотом:
Android — два пути:
▫️ Классический XML (старой школы, но работает).
▫️ Jetpack Glance — современный, декларативный, на базе Compose. Пишете UI как в Flutter, только на Kotlin. 😎
iOS — только WidgetKit (с iOS 14) + SwiftUI. Архитектура строится на TimelineProvider (когда обновляться) и Entry (что показывать). Чисто, нативно, «по-аппловски». 🍏
🔗 Клей для всего этого — пакет
home_widget
:
Он позволяет из Dart-кода класть данные в общее хранилище и пинать систему: «Эй, обнови виджет!».
Future _sendAndUpdate(int? value) async {
await HomeWidget.saveWidgetData(_countKey, value);
await HomeWidget.updateWidget(
androidName: 'CounterGlanceWidgetReceiver',
iOSName: 'CounterWidget'
);
}
Схема проста: saveWidgetData → пишем данные → updateWidget → триггерим перерисовку на обеих платформах. Есть еще getWidgetData, если нужно считать что-то обратно.
💡 Итог:
Виджеты — мощный буст удержания и вовлеченности. Путь не самый тривиальный (придется писать нативный код), но Glance + WidgetKit + home_widget — это рабочий, документированный и надежный стек. 💪
Начинайте с изучения гайдов по Glance и WidgetKit, а пакет возьмет на себя грязную работу по синхронизации. 🚀
Полную новость читайте здесь
FlutterPulse — канал о мире Flutter!
#flutter #dart #FlutterPulse #FlutterPulseNews #hardworkerFlutter #homewidget #widgetkit #glance
Хотите, чтобы пользователи видели актуальную погоду, список задач или статистику шагов, не открывая приложение? Виджеты на домашнем экране — именно то, что нужно! 📱✨
Во Flutter нет «коробочной» поддержки виджетов, но есть проверенный путь: нативные инструменты + библиотека-посредник home_widget. Давайте разберем, как это работает.
🎯 Четыре типа виджетов, которые стоит знать:
🔵 Информационные — погода, курсы валют, счетчики. Обновляются по таймеру или пушу.
🔵 Коллекции — лента статей, галерея фото, последние треки.
🔵 Управляющие — кнопка «Новая заметка», «Play/Pause», быстрый поиск.
🔵 Гибридные — комбо из инфы и кнопок (классический плеер).
⚙️ Нативная магия под капотом:
Android — два пути:
▫️ Классический XML (старой школы, но работает).
▫️ Jetpack Glance — современный, декларативный, на базе Compose. Пишете UI как в Flutter, только на Kotlin. 😎
iOS — только WidgetKit (с iOS 14) + SwiftUI. Архитектура строится на TimelineProvider (когда обновляться) и Entry (что показывать). Чисто, нативно, «по-аппловски». 🍏
🔗 Клей для всего этого — пакет
home_widget
:
Он позволяет из Dart-кода класть данные в общее хранилище и пинать систему: «Эй, обнови виджет!».
Future _sendAndUpdate(int? value) async {
await HomeWidget.saveWidgetData(_countKey, value);
await HomeWidget.updateWidget(
androidName: 'CounterGlanceWidgetReceiver',
iOSName: 'CounterWidget'
);
}
Схема проста: saveWidgetData → пишем данные → updateWidget → триггерим перерисовку на обеих платформах. Есть еще getWidgetData, если нужно считать что-то обратно.
💡 Итог:
Виджеты — мощный буст удержания и вовлеченности. Путь не самый тривиальный (придется писать нативный код), но Glance + WidgetKit + home_widget — это рабочий, документированный и надежный стек. 💪
Начинайте с изучения гайдов по Glance и WidgetKit, а пакет возьмет на себя грязную работу по синхронизации. 🚀
Полную новость читайте здесь
FlutterPulse — канал о мире Flutter!
#flutter #dart #FlutterPulse #FlutterPulseNews #hardworkerFlutter #homewidget #widgetkit #glance