All Samples
A curated list of Flutter samples and apps
demo
Gallery
A collection of Material Design & Cupertino widgets, behaviors, ...
sample
Add to App
Android and iOS projects that each import a standalone Flutter m...
sample
Animations
Sample apps that showcasing Flutter's animation features.
sample
Flutter Maps Firestore
A Flutter sample app that shows the end product of the Cloud Nex...
sample
Isolate Example
A sample application that demonstrate best practices when using ...
sample
jsonexample
A Flutter sample app that deserializes a set of JSON strings usi...
sample
Place Tracker
A sample place tracking app that uses the google_maps_flutter pl...
sample
Platform Design
A Flutter app that maximizes application code reuse while adheri...
sample
Platform View Swift
A Flutter sample app that combines a native iOS UIViewController...
sample
Infinite List
A Flutter sample app that shows an implementation of the "infini...
sample
IOS App Clip
A Flutter sample app that shows the demonstrating integration wi...
sample
Testing App
A Flutter sample app that shows different types of testing in Fl...
sample
Provider Shopper
A Flutter sample app that shows a state management approach usin...
sample
Web Dashboard
A dashboard app that displays daily entries. Demonstrates Adapti...
sample
Form App
A Flutter sample app that shows how to use Forms.
sample
Navigation and Routing
A Flutter sample app that shows how to use how to use the Router...
sample
Photo Search app
This is the Photo Search app, built out with two different widge...
demo
Slide Puzzle
A slide puzzle built for Flutter Challenge.
demo
Rich Text Editor
This is a fancy text editor sample which shows how to consume fi...
demo
Material 3
Showcases Material 3 features in the Flutter Material library. T...
demo
Game Template
This is a game template that shows how to build much of the dres...
demo
Charts
A general-purpose charting library.
demo
GitHub Dataviz
A visualization for Flutter repository data
demo
Particle Background
Flutter app demonstrating package:simple_animations in action.
demo
Dice
A demo of 3d animation using dice
cookbook
Animate a page route transition
A design language, such as Material, defines standard behaviors ...
cookbook
Animate a widget using a physics simulation
Physics simulations can make app interactions feel realistic and...
cookbook
Animate the properties of a container
The Container class provides a convenient way
to create a widget...
cookbook
Fade a widget in and out
UI developers often need to show and hide elements on screen.
Ho...
cookbook
Add a Drawer to a screen
In apps that use Material Design,
there are two primary options ...
cookbook
Display a snackbar
It can be useful to briefly inform your users when certain actio...
cookbook
Export fonts from a package
Rather than declaring a font as part of an app,
you can declare ...
cookbook
Update the UI based on orientation
In some situations,
you want to update the display of an app whe...
cookbook
Use a custom font
Although Android and iOS offer high quality system fonts,
one of...
cookbook
Use themes to share colors and font styles
To share colors and font styles throughout an app, use themes.
Y...
cookbook
Work with tabs
Working with tabs is a common pattern in apps that follow the
Ma...
cookbook
Build a form with validation
Apps often require users to enter information into a text field....
cookbook
Create and style a text field
Text fields allow users to type text into an app.
They are used ...
cookbook
Focus and text fields
When a text field is selected and accepting input,
it is said to...
cookbook
Handle changes to a text field
In some cases, it’s useful to run a callback function every time...
cookbook
Retrieve the value of a text field
In this recipe,
learn how to retrieve the text a user has entere...
cookbook
Add Material touch ripples
Widgets that follow the Material Design guidelines display
a rip...
cookbook
Handle taps
You not only want to display information to users,
you want user...
cookbook
Implement swipe to dismiss
The “swipe to dismiss” pattern is common in many mobile apps.
Fo...
cookbook
Display images from the internet
Displaying images is fundamental for most mobile apps.
Flutter p...
cookbook
Fade in images with a placeholder
When displaying images using the default Image widget,
you might...
cookbook
Work with cached images
In some cases, it’s handy to cache images as they’re downloaded ...
cookbook
Create a grid list
In some cases, you might want to display your items as a grid ra...
cookbook
Create a horizontal list
You might want to create a list that scrolls
horizontally rather...
cookbook
Create lists with different types of items
You might need to create lists that display different types of c...
cookbook
Place a floating app bar above a list
To make it easier for users to view a list of items,
you might w...
cookbook
Use lists
Displaying lists of data is a fundamental pattern for mobile app...
cookbook
Work with long lists
The standard ListView constructor works well
for small lists. To...
cookbook
Report errors to a service
While one always tries to create apps that are free of bugs,
the...
cookbook
Animate a widget across screens
It’s often helpful to guide users through an app as they navigat...
cookbook
Navigate to a new screen and back
Most apps contain several screens for displaying different types...
cookbook
Navigate with named routes
In the Navigate to a new screen and back recipe,
you learned how...
cookbook
Pass arguments to a named route
The Navigator provides the ability to navigate
to a named route ...
cookbook
Return data from a screen
In some cases, you might want to return data from a new screen.
...
cookbook
Send data to a new screen
Often, you not only want to navigate to a new screen,
but also p...
cookbook
Delete data on the internet
This recipe covers how to delete data over
the internet using th...
cookbook
Fetch data from the internet
Fetching data from the internet is necessary for most apps.
Luck...
cookbook
Make authenticated requests
To fetch data from most web services, you need to provide
author...
cookbook
Parse JSON in the background
By default, Dart apps do all of their work on a single thread.
I...
cookbook
Send data to the internet
Sending data to the internet is necessary for most apps.
The htt...
cookbook
Update data over the internet
Updating data over the internet is necessary for most apps.
The ...
cookbook
Work with WebSockets
In addition to normal HTTP requests,
you can connect to servers ...
cookbook
Persist data with SQLite
If you are writing an app that needs to persist and query large ...
cookbook
Read and write files
In some cases, you need to read and write files to disk.
For exa...
cookbook
Store key-value data on disk
If you have a relatively small collection of key-values
to save,...
cookbook
Play and pause a video
Playing videos is a common task in app development,
and Flutter ...
cookbook
Take a picture using the camera
Many apps require working with the device’s cameras to
take phot...
cookbook
An introduction to integration testing
Unit tests and widget tests are handy for testing individual cla...
cookbook
Handle scrolling
Many apps feature lists of content,
from email clients to music ...
cookbook
Performance profiling
When it comes to mobile apps, performance is critical to user ex...
cookbook
An introduction to unit testing
How can you ensure that your app continues to work as you
add mo...
cookbook
Mock dependencies using Mockito
Sometimes, unit tests might depend on classes that fetch data fr...
cookbook
An introduction to widget testing
In the introduction to unit testing recipe,
you learned how to t...
cookbook
Find widgets
To locate widgets in a test environment, use the Finder
classes....
cookbook
Tap, drag, and enter text
Many widgets not only display information, but also respond
to u...