A Flutter project demonstrating how to create home screen widgets for Android, based on the official Google codelab.
The app displays a list of news articles. A home screen widget shows the title, description, and a chart of the selected article.
- News article list
- Android home screen widget
- Widget update from the Flutter app
- Display a Flutter chart as an image in the widget
- Data sharing via SharedPreferences (home_widget package)
| Technology | Usage |
|---|---|
| Flutter | Main framework |
| Dart | Programming language |
| Kotlin | Native Android code |
| home_widget ^0.9.0 | Flutter and Widget communication |
| shared_preferences ^2.5.4 | Local storage |
| Genymotion | Android emulator |
- Flutter SDK installed
- Genymotion or an Android device
- VSCode or Android Studio
git clone https://github.com/AB-060/flutter-homescreen-widget.git
cd flutter-homescreen-widget
flutter pub get
flutter run| Step | Description | Status |
|---|---|---|
| 3 | Create a basic home screen widget | ✅ |
| 4 | Send Flutter data to the widget | ✅ |
| 6 | Display a Flutter widget as an image | ✅ |
- Run the app with
flutter run - On Genymotion or Android Studio, long press the home screen
- Select Widgets and search for homescreen_widgets
- Add the widget to the home screen
- Open an article in the app and tap Update Homescreen
- The widget displays the title, description, and chart!
This project was completed as part of the official Google codelab: Adding a Home Screen widget to your Flutter App
Learning badge earned on April 3, 2026
Abdallahi
- GitHub: AB-060
- Google Developer Profile: My Profile