flutter-adding-home-screen-widgets

Integrate home screen widgets into Flutter apps for iOS and Android.

2.8k|166|Updated Feb 25, 2026
One-click install
npx skills add https://github.com/flutter/skills --skill flutter-adding-home-screen-widgets-flutter
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-adding-home-screen-widgets
Source: https://github.com/flutter/skills/tree/main/skills/flutter-adding-home-screen-widgets
Command: npx skills add https://github.com/flutter/skills --skill flutter-adding-home-screen-widgets-flutter

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables developers to add glanceable information and quick actions to a user's device home screen directly from their Flutter application, bridging the gap between the app and the native OS experience.

Core Features & Use Cases

  • Cross-Platform Widget Implementation: Provides workflows for both iOS (SwiftUI) and Android (XML/Kotlin) to create and update home screen widgets.
  • Data Synchronization: Facilitates data sharing between the Flutter app and native widgets using platform-specific shared storage mechanisms.
  • Advanced Rendering: Supports rendering complex Flutter widgets as images for display within native widgets, and handling custom fonts on iOS.
  • Use Case: A news app could use this skill to display the latest headlines on the user's home screen, updating automatically as new articles are published.

Quick Start

Use the flutter-adding-home-screen-widgets skill to add a new widget extension to your iOS project and implement the Android App Widget provider.

Frequently Asked Questions about flutter-adding-home-screen-widgets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add home screen widgets to a Flutter app for iOS and Android?

To add home screen widgets to a Flutter app, you need to implement native iOS SwiftUI widget extensions and Android XML Kotlin App Widget providers, syncing data via shared storage. This skill provides workflows to bridge Flutter with native OS experiences.

Can I render Flutter widgets as images for native home screen widgets?

Yes, you can render complex Flutter widgets as images for display within native home screen widgets. This advanced rendering technique is supported alongside handling custom font integration specifically on iOS platforms.

How does data synchronization work between Flutter and native home screen widgets?

Data synchronization between Flutter and native widgets works by using platform-specific shared storage mechanisms. This facilitates data sharing and triggers automatic widget updates to ensure the home screen displays current information.

Does this skill support both iOS and Android platforms for widget implementation?

Yes, this skill supports cross-platform widget implementation, providing dedicated workflows for both iOS using SwiftUI and Android using XML and Kotlin to create and update home screen widgets natively.

What is the best way to display glanceable app information on a mobile home screen?

The best way to display glanceable information is by integrating home screen widgets using native platform code synced with Flutter. This bridges the gap between your app and the native OS experience for quick actions.