[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9082":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},9082,"samples","flutter\u002Fsamples","flutter","A collection of Flutter examples and demos","https:\u002F\u002Fdocs.flutter.dev\u002Freference\u002Flearning-resources",null,"Dart",19162,7875,463,33,0,1,11,43,8,45,"Other",false,"main",true,[],"2026-06-12 02:02:02","# Flutter samples\n\n[![Build Status](https:\u002F\u002Fgithub.com\u002Fflutter\u002Fsamples\u002Fworkflows\u002FMain%20Branch%20CI\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fflutter\u002Fsamples\u002Factions?workflow=Main%20Branch%20CI)\n\nA collection of open source samples that illustrate best practices for\n[Flutter].\n\n## Contributing\n\nWe appreciate fixes and necessary improvements to existing samples. **But in most cases, we're not currently adding new samples to this repository** while we rethink sample code in the new LLM world.\n\nPlease read the [contributor's guide] if you have contributions.\n\nGoogler's, you can freely add samples to the [flutter\u002Fdemos] repository.\n\n## Index\n\n### Quickstarts\n\n* [`asset_transformation`] - Demonstrates how to transform images' color scales and formats.\n* [`background_isolate_channels`] - Demonstrates how to use long-lived isolates.\n* [`cupertino_gallery`] - A gallery of Cupertino widgets, demonstrating iOS-style UI components in Flutter.\n* [`date_planner`] - An in-progress exploration of an iOS-style Date Planner app, similar to the SwiftUI Tutorial app.\n* [`desktop_photo_search`] - Demonstrates desktop features in both Material and FluentUI design systems.\n* [`dynamic_theme`] - A developer sample demonstrating how to call on-device Flutter APIs based on output from the Gemini API.\n* [`form_app`] - A sample demonstrating different types of forms and best practices.\n* [`google_maps`] - Demonstrates the Google Maps for Flutter plugin.\n* [`navigation_and_routing`] - A sample that shows how to use [go_router] API to handle common navigation scenarios.\n* [`pedometer`] - A demo of a plugin that leverages FFIgen & JNIgen to call platform APIs directly from Dart code.\n* [`platform_design`] - This sample project shows a Flutter app that maximizes application code reuse while adhering to different design patterns on Android and iOS.\n* [`simple_sdf`] - A simple [Flutter fragment shaders] sample project showing how to draw Signed Distance Functions with the FragmentShader API.\n* [`simple_shader`] - A simple [Flutter fragment shaders] sample project.\n* [`testing_app`] - A sample app that shows different types of testing in Flutter.\n* [`web_embedding`] - This directory contains examples of how to embed Flutter in web apps (without iframes).\n  * [`element_embedding_demo`] - Modifies the index.html of a flutter app so it is launched in a custom hostElement. This is the most basic embedding example.\n  * [`ng-flutter`] - A simple Angular app (and component) that replicates the above example, but in an Angular style.\n\n### Native platform samples\n\n* [`add-to-app`] - Collection of samples that demonstrate embedding Flutter a view into a native app.\n  * [`fullscreen`] — Embeds a full screen instance of\n  Flutter into an existing iOS or Android app.\n  * [`prebuilt_module`] — Embeds a full screen\n  instance of Flutter as a prebuilt library that can be loaded into an existing\n  iOS or Android app.\n  * [`plugin`] — Embeds a full screen Flutter instance that\n  is using plugins into an existing iOS or Android app.\n  * [`books`] — Mimics a real world use-case of embedding Flutter into an\n  existing Android app and demonstrates using [Pigeon] to communicate between Flutter and\n  the host application.\n  * [`multiple_flutters`] — Shows the usage of the Flutter\n  Engine Group APIs to embed multiple instances of Flutter into an existing app\n  with low memory cost.\n  * [`android_view`] — Shows how to integrate a Flutter\n  add-to-app module at a view level for Android.\n* [`android_splash_screen`]\n* [`ios_app_clip`]\n* [`platform_channels`] - A sample app which demonstrates how to use MethodChannel, EventChannel, BasicMessageChannel and MessageCodec in Flutter.\n* [`platform_view_swift`] - A Flutter sample app that combines a native iOS UIViewController with a full-screen Flutter view.\n\n### Demo galleries\n\n* [`animations`] - Showcases Flutter's animation features\n* [`material_3_demo`] - showcases [Material 3] features in the Flutter Material library.\n\n### Demo apps\n\n* [`compass_app`] - A sample application that implements MVVM architecture.\n* [`veggie_seasons`] - A demo application.\n\n## Flutter sample code\n\nSamples are **correct and concise code** that developers\ncan **quickly understand** and **easily reuse** with minimal side effects.\nSamples teach developers how to be successful using Flutter and Dart.\nThey are maintained on an ongoing basis\nto reflect changing APIs and best practices.\n\n### Types of samples\n\nThere are two types of sample code in this repository:\n\n* **Quickstarts** provide a starting point to extend. They answer the question,\n  \"What is the minimal amount of code needed to implement this feature?\"\n* **Demo apps** are meant to be built and ran. They demo the _product_,\n   not how to write code.\n\nA majority of samples in this repository are quickstarts.\n\n## Usage\n\nEvery sample in this repo is fully runnable. To run an example,\nuse `flutter run` inside that example's directory.\nSee the [getting started guide] to install the `flutter` tool.\n\n> [!IMPORTANT]\n> If you want to run an add-to-app sample, there are additional requirements.\n> We suggest reading the [add-to-app documentation].\n\n## Interested in contributing?\n\nSee the [contributor's guide]!\n\n## Questions or issues?\n\nIf you have a general question about one of these samples or how to adapt its\ntechniques for one of your own apps, try one of these resources:\n\n* [The FlutterDev Discord]\n* [The Flutter Community forum]\n\nIf you run into a bug in one of the samples, please file an issue in the\n[`flutter\u002Fsamples` issue tracker].\n\n\n[`asset_transformation`]: .\u002Fasset_transformation\n[`background_isolate_channels`]: .\u002Fbackground_isolate_channels\n[`cupertino_gallery`]: .\u002Fcupertino_gallery\n[`date_planner`]: .\u002Fdate_planner\n[`desktop_photo_search`]: .\u002Fdesktop_photo_search\n[`dynamic_theme`]: .\u002Fdynamic_theme\n[`form_app`]: .\u002Fform_app\n[`google_maps`]: .\u002Fgoogle_maps\n[`navigation_and_routing`]: .\u002Fnavigation_and_routing\n[`pedometer`]: .\u002Fpedometer\n[`platform_design`]: .\u002Fplatform_design\n[`simple_sdf`]: .\u002Fsimple_sdf\n[`simple_shader`]: .\u002Fsimple_shader\n[`testing_app`]: .\u002Ftesting_app\n[`web_embedding`]: .\u002Fweb_embedding\n[`element_embedding_demo`]: .\u002Fweb_embedding\u002Felement_embedding_demo\n[`ng-flutter`]: .\u002Fweb_embedding\u002Fng-flutter\n[`add-to-app`]: .\u002Fadd_to_app\n[`fullscreen`]: .\u002Fadd_to_app\u002Ffullscreen\n[`prebuilt_module`]: .\u002Fadd_to_app\u002Fprebuilt_module\n[`plugin`]: .\u002Fadd_to_app\u002Fplugin\n[`books`]: .\u002Fadd_to_app\u002Fbooks\n[`multiple_flutters`]: .\u002Fadd_to_app\u002Fmultiple_flutters\n[`android_view`]: .\u002Fadd_to_app\u002Fandroid_view\n[`android_splash_screen`]: .\u002Fandroid_splash_screen\n[`ios_app_clip`]: .\u002Fios_app_clip\n[`platform_channels`]: .\u002Fplatform_channels\n[`platform_view_swift`]: .\u002Fplatform_view_swift\n[`animations`]: .\u002Fanimations\n[`material_3_demo`]: .\u002Fmaterial_3_demo\n[`compass_app`]: .\u002Fcompass_app\n[`veggie_seasons`]: .\u002Fveggieseasons\n\n[Flutter]: https:\u002F\u002Fflutter.dev\n[getting started guide]: https:\u002F\u002Fdocs.flutter.dev\u002Fget-started\u002Finstall\n[add-to-app documentation]: https:\u002F\u002Fdocs.flutter.dev\u002Fadd-to-app\n[isolates]: https:\u002F\u002Fapi.dart.dev\u002Fdart-isolate\u002FIsolate-class.html\n[Material 3]: https:\u002F\u002Fm3.material.io\n[go_router]: https:\u002F\u002Fpub.dev\u002Fpackages\u002Fgo_router\n[google_maps_flutter plugin]: https:\u002F\u002Fgithub.com\u002Fflutter\u002Fplugins\u002Ftree\u002Fmaster\u002Fpackages\u002Fgoogle_maps_flutter\n[package:provider]: https:\u002F\u002Fpub.dev\u002Fpackages\u002Fprovider\n[Flutter fragment shaders]: https:\u002F\u002Fdocs.flutter.dev\u002Fdevelopment\u002Fui\u002Fadvanced\u002Fshaders\n[TextEditingDeltas]: https:\u002F\u002Fapi.flutter.dev\u002Fflutter\u002Fservices\u002FTextEditingDelta-class.html\n[Pigeon]: https:\u002F\u002Fpub.dev\u002Fpackages\u002Fpigeon\n[`package:shelf`]: https:\u002F\u002Fpub.dev\u002Fpackages\u002Fshelf\n[svn]: https:\u002F\u002Fsubversion.apache.org\u002F\n[partial clone]: https:\u002F\u002Fgithub.blog\u002F2020-12-21-get-up-to-speed-with-partial-clone-and-shallow-clone\u002F\n[contributor's guide]: CONTRIBUTING.md\n[The FlutterDev Discord]: https:\u002F\u002Fdiscord.gg\u002Frflutterdev\n[The Flutter Community forum]: https:\u002F\u002Fforum.itsallwidgets.com\u002Flatest\n[`flutter\u002Fsamples` issue tracker]: https:\u002F\u002Fgithub.com\u002Fflutter\u002Fsamples\u002Fissues\n[flutter\u002Fdemos]: https:\u002F\u002Fgithub.com\u002Fflutter\u002Fdemos\n","flutter\u002Fsamples 是一个汇集了多个 Flutter 示例和演示项目的集合，旨在展示使用 Flutter 进行开发的最佳实践。该项目通过一系列精心设计的例子，如图像变换、长生命周期隔离、表单处理等，展示了 Flutter 在不同场景下的应用能力与技术特点。这些示例覆盖了从基础到高级的各种功能，包括桌面支持、平台特定设计模式的实现以及如何在 Web 应用中嵌入 Flutter 等。适合于想要深入了解 Flutter 框架或寻找特定功能实现参考的开发者使用。无论是初学者还是经验丰富的开发者，都能从中找到有价值的内容来提升自己的 Flutter 开发技能。",2,"2026-06-11 03:21:07","top_language"]