DevelopmentMédio

Implementing Flutter Home Screen Widgets

porflutter·flutter· v1.0.0 · atualizado em 2026-04-10

Score

Adds home screen widgets to a Flutter app for Android and iOS. Use when providing glanceable app information or quick actions on the device home screen.

fluttermobile-developmenthome-screen-widgetsandroidioswidget-extensionswiftuikotlin

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdflutter-adding-home-screen-widgets/workflow

Install `home_widget` package: — Add `home_widget` to your Flutter project's `pubspec.yaml` file.

Initialize App Group: — Call `HomeWidget.setAppGroupId()` in your Flutter app's startup.

Implement Flutter data saving: — Use `HomeWidget.saveWidgetData()` to store data.

Implement Native Widget (iOS/Android): — Create native widget extensions in Xcode (SwiftUI) and Android Studio (Kotlin/XML).

Configure App Groups (iOS): — Enable and configure App Groups in Xcode for both the app and widget extension.

Update Widget: — Call `HomeWidget.updateWidget()` to trigger a widget update.

Test and Validate: — Run the app and widget on both platforms, checking for errors and ensuring data is displayed correctly.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aSwiftUI Performance Audit

60%

Similar aArchitecting Flutter Layouts

60%

Árvore do Skill

Implementing Flutter Home Screen Widgets

flutter-adding-home-screen-widgets

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.REFLECT

Triggers7

add a home screen widget to my Flutter appimplement a Flutter widget for Android home screencreate an iOS home screen widget with Flutterdisplay glanceable app data on the home screenintegrate native widgets with a Flutter appupdate home screen widget data from Flutterbuild a Flutter app with home screen widget functionality

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download flutter-adding-home-screen-widgets

$ synaptic skills detail flutter-adding-home-screen-widgets

$ synaptic skills live flutter-adding-home-screen-widgets

Dependências

home_widget

Links

GitHub Repository