Google I/O 刚过去,有没有想法入 Flutter 呢?Samples 收录了大量 Flutter 编写的示例,你可以学习下来 pick Flutter 的最佳实践。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
Go to file
Eric Windmill d5184b5647
Retire VeggieSeasons (really this time) (#2724)
2 weeks ago
.gemini Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
.github Retire VeggieSeasons (really this time) (#2724) 2 weeks ago
.prompts Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
add_to_app Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
ai_recipe_generation Remove io sample (#2490) 9 months ago
analysis_defaults Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
android_splash_screen Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
animations Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
asset_transformation Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
background_isolate_channels Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
code_sharing Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
compass_app Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
context_menus Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
date_planner Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
deeplink_store_example Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
desktop_photo_search Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
docs Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
dynamic_theme Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
experimental Retire VeggieSeasons (really this time) (#2724) 2 weeks ago
flutter_maps_firestore Retire VeggieSeasons (really this time) (#2724) 2 weeks ago
form_app Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
game_template Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
gemini_tasks Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
google_maps Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
infinite_list Retire VeggieSeasons (really this time) (#2724) 2 weeks ago
ios_app_clip Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
isolate_example Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
material_3_demo Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
navigation_and_routing Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
pedometer Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
place_tracker Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
platform_channels Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
platform_design Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
platform_view_swift Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
provider_counter Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
provider_shopper Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
simple_shader Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
simplistic_calculator Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
simplistic_editor Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
testing_app Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
tool Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
veggieseasons Retire VeggieSeasons (really this time) (#2724) 2 weeks ago
web_embedding Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
.gitattributes Add a .gitattributes file (#929) 4 years ago
.gitignore Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
AUTHORS Add game_template (#1180) 3 years ago
CONTRIBUTING.md Fixup internal links in `CONTRIBUTING.md` (#2552) 9 months ago
LICENSE Adding Rally App to Flutter Samples (#135) 6 years ago
PATENTS Initial commit 7 years ago
README.md Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
devtools_options.yaml Dart 3.9 / Flutter 3.35 [first LLM release] (#2714) 2 weeks ago
pubspec.yaml Retire VeggieSeasons (really this time) (#2724) 2 weeks ago

README.md

Flutter samples

Build Status

A collection of open source samples that illustrate best practices for Flutter.

Contributing

We 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.

Please read the contributor's guide if you have contributions.

Googler's, you can freely add samples to the flutter/demos repository.

Index

Quickstarts

  • asset_transformation - Demonstrates how to transform images' color scales and formats.
  • background_isolate_channels - Demonstrates how to use long-lived isolates.
  • code_sharing - Demonstrates how to share business logic between Flutter client and Dart server using package:shelf )
  • context_menus - This sample shows how to create and customize cross-platform context menus, such as the text selection toolbar on mobile or the right click menu on desktop.
  • desktop_photo_search - Demonstrates desktop features in both Material and FluentUI design systems.
  • dynamic_theme - A developer sample demonstrating how to call on-device Flutter APIs based on output from the Gemini API.
  • form_app - A sample demonstrating different types of forms and best practices.
  • game_template - (note: deprecated!) A starter game in Flutter with all the bells and whistles of a mobile (iOS & Android) game.
  • gemini_tasks - A developer sample written in Flutter demonstrating how to interact with a to-do list in natural language using the Gemini API.
  • google_maps - Demonstrates the Google Maps for Flutter plugin.
  • infinite_list - A Flutter sample app that shows an implementation of the "infinite list" UX pattern.
  • isolate_example - A sample application that demonstrate best practices when using isolates.
  • navigation_and_routing - A sample that shows how to use go_router API to handle common navigation scenarios.
  • place_tracker - A sample place tracking app that uses the google_maps_flutter plugin.
  • platform_design - This sample project shows a Flutter app that maximizes application code reuse while adhering to different design patterns on Android and iOS.
  • provider_counter - The starter Flutter application, but using package:provider to manage state.
  • provider_shopper - A Flutter sample app that shows a state management approach using package:provider.
  • simple_shader - A simple Flutter fragment shaders sample project.
  • simplistic_calculator - A calculator to demonstrate a simple start for a desktop Flutter app.
  • simplistic_editor - This sample text editor showcases the use of TextEditingDeltas and a DeltaTextInputClient to expand and contract styled ranges of text.
  • testing_app - A sample app that shows different types of testing in Flutter.
  • web_embedding - This directory contains examples of how to embed Flutter in web apps (without iframes).
    • 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.
    • ng-flutter - A simple Angular app (and component) that replicates the above example, but in an Angular style.

Native platform samples

  • add-to-app - Collection of samples that demonstrate embedding Flutter a view into a native app.
    • fullscreen — Embeds a full screen instance of Flutter into an existing iOS or Android app.
    • prebuilt_module — Embeds a full screen instance of Flutter as a prebuilt library that can be loaded into an existing iOS or Android app.
    • plugin — Embeds a full screen Flutter instance that is using plugins into an existing iOS or Android app.
    • books — Mimics a real world use-case of embedding Flutter into an existing Android app and demonstrates using Pigeon to communicate between Flutter and the host application.
    • multiple_flutters — Shows the usage of the Flutter Engine Group APIs to embed multiple instances of Flutter into an existing app with low memory cost.
    • android_view — Shows how to integrate a Flutter add-to-app module at a view level for Android.
  • android_splash_screen
  • ios_app_clip
  • platform_channels - A sample app which demonstrates how to use MethodChannel, EventChannel, BasicMessageChannel and MessageCodec in Flutter.
  • platform_view_swift - A Flutter sample app that combines a native iOS UIViewController with a full-screen Flutter view.

Demo galleries

Demo apps

Flutter sample code

Samples are correct and concise code that developers can quickly understand and easily reuse with minimal side effects. Samples teach developers how to be successful using Flutter and Dart. They are maintained on an ongoing basis to reflect changing APIs and best practices.

Types of samples

There are two types of sample code in this repository:

  • Quickstarts provide a starting point to extend. They answer the question, "What is the minimal amount of code needed to implement this feature?"
  • Demo apps are meant to be built and ran. They demo the product, not how to write code.

A majority of samples in this repository are quickstarts.

Usage

Every sample in this repo is fully runnable. To run an example, use flutter run inside that example's directory. See the getting started guide to install the flutter tool.

[!IMPORTANT]
If you want to run an add-to-app sample, there are additional requirements. We suggest reading the add-to-app documentation.

Interested in contributing?

See the contributor's guide!

Questions or issues?

If you have a general question about one of these samples or how to adapt its techniques for one of your own apps, try one of these resources:

If you run into a bug in one of the samples, please file an issue in the flutter/samples issue tracker.