Finding the importance of proper null safety migration (The Boring Flutter Development Show, Ep. 50)

Finding the importance of proper null safety migration (The Boring Flutter Development Show, Ep. 50)

Filip and Fitz attempt to fully upgrade the Hacker News app, and address the runtime bug they saw at the end of the previous episode. This adventure takes them ...

Packages versus Plugins?  | Decoding Flutter

Packages versus Plugins? | Decoding Flutter

What is the difference between a package and a plugin? Learn how these bundles of code contribute to your app's functionality and how to spot the difference ...

sensors_plus (Flutter Package of the Week)

sensors_plus (Flutter Package of the Week)

Learn more about → https://goo.gle/pub-dev-sensors_plus package:sensors_plus allows you to access a phone's sensors so you can tell if a user's device is ...

MouseRegion (Flutter Widget of the Week)

MouseRegion (Flutter Widget of the Week)

Learn more about MouseRegion → https://goo.gle/MouseRegion Have you ever wondered how to detect if a mouse is over a widget? Wrap your widget with ...

Unbounded height / width  | Decoding Flutter

Unbounded height / width | Decoding Flutter

You put a ListView in a column and you get the error “Viewport was given unbounded height”. What do you do now? Learn why you might be getting this error ...

Migrating an old app to Flutter 2 (top takeaways) #Shorts

Migrating an old app to Flutter 2 (top takeaways) #Shorts

Migrating an old app to Flutter 2 (The Boring Flutter Development Show, Ep. 49)

Migrating an old app to Flutter 2 (The Boring Flutter Development Show, Ep. 49)

Filip and Fitz revisit the ancient Hacker News app which was started in the very first episodes of the Boring Show. They update their code to null safety, ...

animated_text_kit (Flutter Package of the Week)

animated_text_kit (Flutter Package of the Week)

Learn more about animated_text_kit → http://goo.gle/pub-dev-animated_text_kit Make your app text pop, rotate, scale, and more with animated_text_kit. Learn ...

Async vs Isolates  | Decoding Flutter

Async vs Isolates | Decoding Flutter

How come a function janks the UI thread even though it's async? What are the differences between async and isolates? Learn what the distinctions are between ...

BuildContext?!  | Decoding Flutter

BuildContext?! | Decoding Flutter

What is “BuildContext” and how is it used? In this video, we discuss what BuildContext is, and why it shows up in so many widgets and builders. Leave us ...

FlutterLogo (100th Widget of the Week!)

FlutterLogo (100th Widget of the Week!)

Happy 100th episode of Widget of the Week! Even with over 100 episodes, we've only just scratched the surface of the widgets in the Flutter Framework.

Automatically adapt to API changes with Flutter Fix | Demo

Automatically adapt to API changes with Flutter Fix | Demo

As SDKs mature, occasional API changes are unavoidable, but Flutter SDK includes a tool called Flutter Fix that can automatically update your code in response ...

Debug and profile your app with Flutter DevTools | Demo

Debug and profile your app with Flutter DevTools | Demo

Did you know that a suite of debugging and profiling tools is included with every copy of the Flutter SDK? Take a quick tour of Flutter DevTools, and see how you ...

Adaptive Design | Demo

Adaptive Design | Demo

Flutter is a multiplatform SDK that paints beautiful UI wherever you need pixels. In this demo, you'll learn three important types of platform adaptations, and see ...

How to manage application states using inherited widgets | Workshop

How to manage application states using inherited widgets | Workshop

Learn how to use inherited widgets to implement your own state management solutions. With a sample flutter application, we go through the steps needed to ...

Dart null safety in Action | Workshop

Dart null safety in Action | Workshop

Learn Dart's new null safety syntax. With simple examples that explain what 'null safety' means and how it can help write faster, cleaner code, and with ...

Flutter in production: Stadia and Google Pay | Q&A

Flutter in production: Stadia and Google Pay | Q&A

Learn how Dart and Flutter can work in production in this Ask Me Anything (AMA) Session with two engineers of Flutter's biggest apps. Speakers: Andrew ...

Building scrolling experiences in Flutter | Workshop

Building scrolling experiences in Flutter | Workshop

Learn how to build rich scrolling experiences in Flutter. We explore slivers and how they're different from other widgets in the framework. This Codelab requires ...

Cloud, Dart, and full-stack Flutter | Q&A

Cloud, Dart, and full-stack Flutter | Q&A

Experience this Ask Me Anything (AMA) Session for a roundtable discussion and Q&A on the best ways to put Dart, Google Cloud, and Flutter together.

Building your first Flutter app | Workshop

Building your first Flutter app | Workshop

Learn the basics of Flutter app development. This lab requires a working installation of the Flutter SDK: https://flutter.dev/docs/get-started/install (1-3GB disk ...

STAIR (Flutter Developer Stories)

STAIR (Flutter Developer Stories)

STAIR is an app from the US Department of Veterans Affairs that helps people manage emotions and relationships. See how Flutter not only helped the ...

Introducing FlutterFlow

Introducing FlutterFlow

Introducing FlutterFlow a low-code tool for building Flutter apps easier and more quickly. FlutterFlow integrates smoothly with Firebase and uses Flutter's user ...

Top 7 Flutter things to know from Google I/O 2021

Top 7 Flutter things to know from Google I/O 2021

Want the highlights of the Flutter announcements from Google I/O 2021? We've got you covered! This recap covers what's happened, including null safety, ...

Building platform adaptive apps | Session

Building platform adaptive apps | Session

Flutter now supports six platforms across mobile, desktop, and the web. Learn best practices for making your application feel at home on each of these platforms ...

Building a desktop design language with Flutter | Session

Building a desktop design language with Flutter | Session

Learn how to build a custom widget set for desktop now that Flutter supports desktop applications. We walk you through the creation of a retro-styled Spinner ...

Lazy Flutter performance | Session

Lazy Flutter performance | Session

Learn the limits of performance with lazy-loaded content, and understand how Flutter can help build a smooth experience out of the box. Resources: Debug and ...

Power-up your Flutter app with Google APIs | Session

Power-up your Flutter app with Google APIs | Session

Google offers dozens of APIs to power your applications with user data and cloud services. Learn how to use these APIs from your Flutter applications.

Why null safety? | Session

Why null safety? | Session

Hear from one of Null Safety's creators about how this fundamental new language feature impacts the experience of writing Dart code, prevents errors, and ...

What's new in Flutter | Keynote

What's new in Flutter | Keynote

Learn what's new in Flutter since the 2.0 release, including updates to Dart, Flutter, tooling, and our ecosystem. Resources: Automatically adapt to API changes ...

Navigating the Flutter source code (The Boring Flutter Development Show, Ep. 48)

Navigating the Flutter source code (The Boring Flutter Development Show, Ep. 48)

Fitz continues Filip's deep dive into Flutter's source code and looks at native calls to see what they are doing and how they are doing it. From event scheduling to ...

Thank you for helping us reach 300K subscribers!

Thank you for helping us reach 300K subscribers!

What the Flutter? There are over 300K members of the Flutter YouTube community! Thank you to each and everyone of you for subscribing to the channel and ...

Connectivity (Flutter Package of the Week)

Connectivity (Flutter Package of the Week)

Learn more about connectivity → http://goo.gle/pub-dev-connectivity The connectivity package at its core tells developers if devices are connected to a wifi ...

Life of a Widget?! | Decoding Flutter

Life of a Widget?! | Decoding Flutter

Do widgets have lifecycles? What is a widget, exactly? Learn all this and more as we explore what widgets are and how they fit into the Flutter framework.

Scrollbar (Flutter Widget of the Week)

Scrollbar (Flutter Widget of the Week)

Learn more about scrollbar → https://goo.gle/scrollbar By default, scrollable widgets in Flutter don't show a scrollbar. However, with Flutter's scrollbar widget, that ...

What is State?

What is State?

Why is the checkbox not doing anything when I check it? A widget doesn't change, but the user interface should when it's interacted with. Learn what state is and ...

ExpansionPanel (Flutter Widget of the Week)

ExpansionPanel (Flutter Widget of the Week)

Learn more about ExpansionPanel → http://goo.gle/expansionpanel Want to create a list of items that expand to show more details? The ExpansionPanel widget ...

Hot reload?! | Decoding Flutter

Hot reload?! | Decoding Flutter

We all know and love Flutter's Hot Reload, but why does it sometimes seem like hot reload isn't working? Learn how hot reload works, and when a hot restart is ...

Beike helps users solve housing problems with Flutter (with English captions)

Beike helps users solve housing problems with Flutter (with English captions)

Beike Zhaofang [NYSE: BEKE] is a leading tech driven housing service platform, and is helping 300 million families have a better experience when searching for ...

A guided tour of the Flutter SDK (The Boring Flutter Development Show, Ep. 47)

A guided tour of the Flutter SDK (The Boring Flutter Development Show, Ep. 47)

Today, instead of building something, Filip gives a guided tour of the Flutter SDK. From widget down to Skia, learn more about the inner workings and see what ...

RotatedBox (Flutter Widget of the Week)

RotatedBox (Flutter Widget of the Week)

This video is also subtitled in Chinese, Indonesian, Italian, Japanese, Korean, Portuguese, and Spanish. Learn everything about Flutter at ...

How do I make my first Flutter app

How do I make my first Flutter app

You've got a great idea for an app, but now you're not really sure where to start. In this series for beginners we'll show you how to get started with Flutter and ...

Introducing Decoding Flutter

Introducing Decoding Flutter

Welcome to Decoding Flutter, where we'll answer your tough questions like: Why doesn't hot reload work? Or what's going on with this State thing anyways?

Push (Flutter Developer Story)

Push (Flutter Developer Story)

Push is an advanced strength training wearable that helps elite athletes optimize athletic training and improve performance. Learn how Flutter enables them to ...

flutter_slidable (Flutter Package of the Week)

flutter_slidable (Flutter Package of the Week)

Flutter_slideable is a package that provides a slidable widget that lets your users swipe to reveal actions without a lot of hassle. Learn how to use this package ...

#MyFlutterStory - Stories From Developers in Africa Using Flutter

#MyFlutterStory - Stories From Developers in Africa Using Flutter

Hear from and meet Flutter Developers from the community in Africa. How did they discover Flutter? Where do they get inspiration? What have they built?

gSkinner Flutter Folio Multiplatform demo

gSkinner Flutter Folio Multiplatform demo

Speaker: Grant Skinner Watch more: Flutter Engage playlist → http://goo.gle/FlutterEngageYT Download the Flutter 2 SDK → https://goo.gle/FlutterEngage ...

#AskFlutter leadership roundtable

#AskFlutter leadership roundtable

Andrew Brogdon, Eric Seidel (Flutter's Director of Engineering ), Ian Hickson (Flutter's Tech Lead), Mariam Hasnany (Flutter Product Manager), and Frank Van ...

Wallace & Gromit: The Big Fix Up - A Flutter AR Experience

Wallace & Gromit: The Big Fix Up - A Flutter AR Experience

Combining the latest in augmented and mixed reality, Wallace & Gromit: The Big Fix Up, is an all new epic adventure built in Flutter in which fans are able to ...

Flutter Engage Mashup - What will you make next?

Flutter Engage Mashup - What will you make next?

We are inspired and amazed by the breadth and diversity of Flutter apps out there -- from the largest brand names to cool artistic designs from all over the world, ...

Top 10 things you need to know about Flutter Engage

Top 10 things you need to know about Flutter Engage

Looking for the TL;DR of Flutter Engage? Never fear, we've got you covered with the top 10 things you need to know from the launch of Flutter 2. Keep watching ...

Flutter Engage

Flutter Engage

Welcome to Flutter Engage! Stay tuned for our opening keynote covering exciting news, demos and features coming to Flutter. Right after, the Flutter and ...

Keynote (Flutter Engage)

Keynote (Flutter Engage)

In our opening Keynote, the Flutter team shares exciting news, demos and features coming to Flutter. Learn more about Flutter 2 and what updates like Null ...

The little things: Becoming the mythical designer-developer

The little things: Becoming the mythical designer-developer

Flutter is an expressive tool that supports immediate iteration (through hot reload). This makes it a good fit for the elusive designer-developer: an engineer with a ...

Monetizing apps with Flutter

Monetizing apps with Flutter

The only thing better than building apps is making a living by building apps. In this talk, Zoey and Andrew from the Flutter team talk about monetization strategies ...

From mobile app to web app

From mobile app to web app

Join Mariam Hasnany and John Ryan as they upgrade their mobile app into a web app. Learn how to adapt your app for desktop browsers, how to debug, and ...

Let's migrate this app to null safety

Let's migrate this app to null safety

Migrating a Flutter app to null safety can be surprisingly painless. Leaf Petersen demonstrates how to use pub to find out if you're ready to migrate, and how to ...

Adaptive Layouts part 2 (The Boring Flutter Development Show, Ep. 46)

Adaptive Layouts part 2 (The Boring Flutter Development Show, Ep. 46)

Filip and Fitz jump back into the app they started working on in part 1 with adaptive layout. They switch to an expandable desktop window and explore how ...

#AskFlutter at Flutter Engage

#AskFlutter at Flutter Engage

At Flutter Engage on March 3rd, Flutter and Firebase leadership will be sitting down for an hour of #AskFlutter Q&A. Submit your questions about engineering ...

Animations (Flutter Package of the Week)

Animations (Flutter Package of the Week)

Flutter lets you customize animations down to the frame, but sometimes what you really want is great default animations to upgrade your app's quality without ...

Adaptive Layouts (The Boring Flutter Development Show, Ep. 45)

Adaptive Layouts (The Boring Flutter Development Show, Ep. 45)

Filip and Fitz discuss adaptive design and walk through the process of creating an adaptive app for various browsers and devices. Learn how to design your app ...

PhysicalModel (Flutter Widget of the Week)

PhysicalModel (Flutter Widget of the Week)

PhysicalModel allows you to add custom shadow effects to your app and customize its color and shape. Learn how to set up the widget and troubleshoot ...

ImageFiltered (Flutter Widget of the Week)

ImageFiltered (Flutter Widget of the Week)

ImageFiltered is a small but powerful widget that lets you blur or pixel-transform anything in your app. It's often a simpler alternative to BackdropFilter.

Location (Flutter Package of the Week)

Location (Flutter Package of the Week)

Sometimes to provide the best possible user experience, you need to know the GPS location of their device. The Location package allows you to obtain the ...

Keeping it local: Managing a Flutter app's data

Keeping it local: Managing a Flutter app's data

Data locality can make or break your app's performance. Sometimes storing data in the cloud isn't feasible. Or sometimes data needs to be kept locally for ...

SwitchListTile (Flutter Widget of the Week)

SwitchListTile (Flutter Widget of the Week)

Have you ever wished you could create toggle switches within your app? With SwitchListTile you can create a toggle that is tappable anywhere and add text, ...

Null safety in Dart - Introduction

Null safety in Dart - Introduction

Dart is becoming null safe. In this video, we're going to introduce the concept and why it's valuable. You'll learn about the basics, including syntax. As of the ...

InteractiveViewer (Flutter Widget of the Week)

InteractiveViewer (Flutter Widget of the Week)

Is your widget just too big to be viewed on a tiny phone screen? We've got a widget for that! Wrap your humongous widget with InteractiveViewer to zoom, ...

SliverAppBar (Flutter Widget of the Week)

SliverAppBar (Flutter Widget of the Week)

SliverAppBar may sound like a familiar widget, but in this episode we show you how to use the new FlexibleSpaceBar's expandedHeight and flexibleSpace ...

sqflite (Flutter Package of the Week)

sqflite (Flutter Package of the Week)

Sometimes, your app needs to save important data on the device. If it's _structured_ data, chances are you want to use a SQL database. SQLite is a SQL ...

url_launcher (Package of the Week)

url_launcher (Package of the Week)

Does your app need a way to send users to external URLs - either to a webpage, or to send an email, or even sometimes to a phone number? The url_launcher ...

Using StreamBuilder to render a favorites list (The Boring Flutter Development Show, Ep. 42)

Using StreamBuilder to render a favorites list (The Boring Flutter Development Show, Ep. 42)

In this episode, Fitz shares a couple of UI tweaks, general updates, and rendering the favorite articles page in our long-running Flutter app! Timestamps: 3:04 ...

Layout Explorer

Layout Explorer

The Layout Explorer visualizes how Flex widgets and their children are laid out. Albertus Angga, Flutter Software Engineering Intern, shares the top 3 ways you ...

#AskFlutter at Flutter Day: Session 1

#AskFlutter at Flutter Day: Session 1

Join Andrew Fitz Gibbon and John Ryan for our first session of #AskFlutter at Flutter Day 2020. Resources: Flutter Day codelabs → https://goo.gle/2DvjhY6 ...

Debugging (The Boring Flutter Development Show, Ep. 41)

Debugging (The Boring Flutter Development Show, Ep. 41)

In this episode, Filip and Fitz are back again, this time looking at debugging. Learn some helpful ways to tackle bugs and some tips and tricks. Resource: Flutter ...

Welcome to Flutter

Welcome to Flutter

Flutter is a portable UI toolkit built by Google and the open source community and we've got tons of great videos showing you how to use it. Thanks for joining us ...

Null safety in Dart

Null safety in Dart

Hear from Bob and Kevin on the upcoming null-safety feature in Dart. Resources: More information on null safety in Dart → https://goo.gle/2O9Ib0X Bob on ...

Dart DevTools

Dart DevTools

Filip's Flutter app is slow—can Kenzie, an engineer on the tooling team, use DevTools to make the app better and faster? Learn how you can build performant ...

Flutter performance tips - Flutter in Focus

Flutter performance tips - Flutter in Focus

In this episode of Flutter in Focus, Filip Hracek introduces some basic concepts in Flutter performance. Stay tuned to learn more about what causes jank, why ...

Typography (The Boring Flutter Development Show, Ep. 40)

Typography (The Boring Flutter Development Show, Ep. 40)

In this episode, Filip and Fitz walk through typography and why it is important to your app. Learn about Google Fonts and how it can help you in finding the ...

Logging (The Boring Flutter Development Show, Ep. 39)

Logging (The Boring Flutter Development Show, Ep. 39)

In this solo episode, Filip walks through some ways of logging things in Flutter apps and plugins. He also talks about package:logging, and overriding the print ...

CheckboxListTile (Flutter Widget of the Week)

CheckboxListTile (Flutter Widget of the Week)

Whenever you accomplish something, it's rewarding to be able to check it off your list. There's never just one thing to do, though, and these check boxes usually ...

Padding (Flutter Widget of the Week)

Padding (Flutter Widget of the Week)

In an app with lots of widgets, things often get crowded. By using the Padding widget, you can add some space on any or all sides of a widget! Learn more about ...

DashCast part 4 (The Boring Flutter Development Show, Ep. 38)

DashCast part 4 (The Boring Flutter Development Show, Ep. 38)

Fitz and Emily look to troubleshoot the playback button and remove a download button that stays behind after a download is complete. While there, why not do ...

AnimatedWidget (Flutter Widget of the Week)

AnimatedWidget (Flutter Widget of the Week)

There are many different options for animations. In many cases, an AnimatedWidget is all you need to make a widget animated. Learn about some animated ...

Custom page transitions (The Boring Flutter Development Show, Ep. 37)

Custom page transitions (The Boring Flutter Development Show, Ep. 37)

In this episode, Fitz makes his Boring Show debut with Filip. Continuing with the Hacker News App, they add custom page transitions, using PageRouteBuilder.

ClipOval (Flutter Widget of the Week)

ClipOval (Flutter Widget of the Week)

Sometimes, a picture or some other part of your screen can look too box-ish. The ClipOval widget can clip its children to round circles and ovals. Use this widget ...

Nubank (Flutter Developer Stories)

Nubank (Flutter Developer Stories)

Nubank is the largest digital bank outside Asia with over 20 million customers. After conducting a detailed investigation and analysis of their choices for app ...

IgnorePointer (Flutter Widget of the Week)

IgnorePointer (Flutter Widget of the Week)

It can be useful to prevent the user from interacting with parts of your app. When the UI changes under users' fingers, that's actually a pretty common and ...

Flutter Europe: Optimizing your Flutter App

Flutter Europe: Optimizing your Flutter App

Flutter is fast by default, but that doesn't mean you as a developer are off the hook. In this Flutter Europe talk, Filip walks the audience through an app with many ...

Divider (Flutter Widget of the Week)

Divider (Flutter Widget of the Week)

When two widgets need some space from each other it can be helpful to draw a line between them. The Divider widget is useful wherever you have widgets or ...

Flutter Europe: Animations in Flutter done right

Flutter Europe: Animations in Flutter done right

In this talk, Emily Fortuna and Andrew Fitz Gibbon discuss how to make animations in Flutter the correct way. If you have a vision and are not sure how to ...

How to choose which Flutter Animation Widget is right for you? - Flutter in Focus

How to choose which Flutter Animation Widget is right for you? - Flutter in Focus

In previous episodes of Flutter in Focus, we learned how to implement animations using Implicit widgets, Explicit widgets, and learned even more about how ...

CircularProgressIndicator and LinearProgressIndicator (Flutter Widget of the Week)

CircularProgressIndicator and LinearProgressIndicator (Flutter Widget of the Week)

Do you want to show that your Material app is making progress or working on something? We've got widgets for that! Use CircularProgressIndicator if you want ...

ClipPath (Flutter Widget of the Week)

ClipPath (Flutter Widget of the Week)

Do you want your widget to have a unique shape? ClipPath allows you to define your own widget shapes! Given a CustomerClipper and a path that you define, ...

Builder (Flutter Widget of the Week)

Builder (Flutter Widget of the Week)

Most of the time, widgets in Flutter build without looking up any extra information about their parents. Sometimes, you might write some code where the child ...

NotificationListener (Flutter Widget of the Week)

NotificationListener (Flutter Widget of the Week)

Did you know that widgets can dispatch notifications? For instance, Scrollable widgets like ListView dispatch scroll notifications. Use NotificationListener to ...

Adding a custom navigation bar to DashCast (The Boring Flutter Development Show, Ep. 35)

Adding a custom navigation bar to DashCast (The Boring Flutter Development Show, Ep. 35)

In this episode of the Boring Show, Matt and Craig add a nav-bar to the DashCast app. Watch more episodes of the Boring Show here ...

ShaderMask (Flutter Widget of the Week)

ShaderMask (Flutter Widget of the Week)

ShaderMasks are one of Flutter's hidden gems! ShaderMasks let you apply a shader to one or more widgets in the tree. There's tons of cool effects you can ...

Flutter Clock Highlight Reel

Flutter Clock Highlight Reel

We challenged you to build a beautiful clock face UI for the Lenovo Smart Clock using Flutter. See what amazing creations you made! Full results at ...

ListWheelScrollView (Flutter Widget of the Week)

ListWheelScrollView (Flutter Widget of the Week)

ListViews let the user see or choose from a number of items that wouldn't normally fit on the screen, but sometimes, an ordinary ListView is too flat and boring.

SnackBar (Flutter Widget of the Week)

SnackBar (Flutter Widget of the Week)

Ever wanted to show a quick message in your app? Then SnackBar is for you! SnackBar lets you pop up a message for a few seconds at the bottom of your app.

Dart-side and Dark-side (The Boring Flutter Development Show, Ep. 34)

Dart-side and Dark-side (The Boring Flutter Development Show, Ep. 34)

In this episode of the Boring Show, Emily and Katerina work on The Hacker News app. Follow along as they clean up the code base and implement Dark Mode!

Drawer (Flutter Widget of the Week)

Drawer (Flutter Widget of the Week)

Need to provide navigation to other pages? Try using a Drawer! Learn more about Drawer → https://goo.gle/2MhwExx Learn everything about Flutter at ...

DefaultTabController & TabBar (Flutter Widget of the Week)

DefaultTabController & TabBar (Flutter Widget of the Week)

Do you need to organize your widgets into tabs? The DefaultTabController, TabBar, and TabBarView widgets are for you. Learn more about ...

Text in Flutter: Building a fancy chat bubble at GDD China

Text in Flutter: Building a fancy chat bubble at GDD China

At Google Developer Days China 2019, Software Engineers Gary Qian and Chris Yang, discuss how Flutter is beautiful, productive, fast, and open. Then take a ...

Image (Flutter Widget of the Week)

Image (Flutter Widget of the Week)

Need your app to display images? Flutter has you covered! Use the Image widget to render an image to the screen, wherever it may come from: assets, network, ...

TweenAnimationBuilder (Flutter Widget of the Week)

TweenAnimationBuilder (Flutter Widget of the Week)

Do you want a simple animation, but none of the built-in implicit animation widgets do the trick? TweenAnimationBuilder is here for all your custom animation ...

Dart extension methods

Dart extension methods

Dart is adding a new feature called Extension Methods. It's one of the features that you can live without, but it does make some things very convenient.

Flutter Interact 2019 Highlights Reel

Flutter Interact 2019 Highlights Reel

Flutter Interact brought designers and developers from around the world together for a day full of talks and demos by the Flutter team, Material Design team, and ...

Flutter Interact Keynote Recap

Flutter Interact Keynote Recap

Did you miss Flutter Interact? Check out this Keynote recap to catch up on updates and announcements. Some topics of interest include: Flutter's momentum, the ...

Patch Me App (Flutter Developer Story)

Patch Me App (Flutter Developer Story)

When Aamani was born, it was both the happiest and scariest day for her parents. She was born with several medical conditions. Gaurav decided to learn Flutter ...

Developers using Flutter around the world

Developers using Flutter around the world

Flutter helps large and small companies build apps around the world! Hear from Flutter developers on how they're using Flutter to build apps that solve their ...

Use Rive and Flutter for dynamic, interactive, & animated experiences (Flutter Interact '19)

Use Rive and Flutter for dynamic, interactive, & animated experiences (Flutter Interact '19)

Learn how design and engineering work together to bring something as basic as a login form to life. We'll walk you through how to build an interactive character ...

Design and Build Clock Displays with Flutter (Flutter Interact '19)

Design and Build Clock Displays with Flutter (Flutter Interact '19)

Flutter's not only great for building apps, it's perfect for creating UIs for any kind of form factor or surface. Kim and Jack show us how it is done by combining ...

Building in Accessibility with Flutter (Flutter Interact '19)

Building in Accessibility with Flutter (Flutter Interact '19)

Ensuring your app can be used by everyone means building accessibility into it from the start. For some apps, that's easier said than done. Come see two of our ...

Designing for the Web with Flutter (Flutter Interact '19)

Designing for the Web with Flutter (Flutter Interact '19)

The web is the largest application-delivery platform in existence. How does Flutter work on the web? Are Flutter web apps accessible and performant?

Material Theming with Flutter (Flutter Interact '19)

Material Theming with Flutter (Flutter Interact '19)

Discover how Google made Material Design more expressive and how teams can customize Material's style to better reflect their product's brand. In this session ...

Welcome to the Sparkle Party (Flutter Interact '19)

Welcome to the Sparkle Party (Flutter Interact '19)

There's the work you do to make an app function. And then, there's the work you do to make that app beautiful; The added 'sparkle' that delights a user and ...

Animation deep dive - Flutter in Focus

Animation deep dive - Flutter in Focus

In past four episodes of this series, we talked about all of the practical ways to build animations in Flutter. In this episode of Flutter in Focus, Filip Hracek ...

Creating custom explicit animations with AnimatedBuilder & AnimatedWidget - Flutter in Focus

Creating custom explicit animations with AnimatedBuilder & AnimatedWidget - Flutter in Focus

In this episode of Flutter in Focus, Emily Fortuna introduces why you might want to use AnimatedBuilder or AnimatedWidget versus other animation widgets, and ...

ToggleButtons (Flutter Widget of the Week)

ToggleButtons (Flutter Widget of the Week)

Do you want to let your users select from a number of related options? Adding ToggleButtons to your app can help! Learn more about ToggleButtons ...

ColorFiltered (Flutter Widget of the Week)

ColorFiltered (Flutter Widget of the Week)

It's easy to play around with color in Flutter widgets, and not just by modifying a color parameter. Check out the ColorFiltered widget, which lets you change and ...

Making Your First Directional Animations with Built-in Explicit Animations

Making Your First Directional Animations with Built-in Explicit Animations

In this episode of Flutter in Focus, Andrew Fitz Gibbon introduces explicit animations in Flutter. We'll take one example and learn how to use an ...

DraggableScrollableSheet (Flutter Widget of the Week)

DraggableScrollableSheet (Flutter Widget of the Week)

Are you looking to drag a widget onto the screen? Does that widget have scrollable content? DraggableScrollableSheet has you covered! Learn more about ...

How Flutter renders Widgets

How Flutter renders Widgets

At Google Developer Days China 2019, Andrew Fitz Gibbon and Matt Sullivan discuss how Flutter works under the hood, and dig deep into widgets, elements, ...

Creating your own Custom Implicit Animations with TweenAnimationBuilder

Creating your own Custom Implicit Animations with TweenAnimationBuilder

In this episode of Flutter in Focus, Emily Fortuna shows how to use TweenAnimationBuilder in Flutter to build a basic animation for your app. Stick around for an ...

AnimatedCrossFade (Flutter Widget of the Week)

AnimatedCrossFade (Flutter Widget of the Week)

Cross fade is a cinematic term in which one thing gradually fades into another. Wouldn't it be useful to have something similar, but for Flutter widgets?

Why Flutter uses Dart

Why Flutter uses Dart

Watch this video to learn how Flutter uses Dart to enable you to develop an app quickly and deploy it to multiple platforms! Get started today ...

Animation Basics with Implicit Animations

Animation Basics with Implicit Animations

Welcome to our series on animation building blocks in Flutter with Martin Aguinis. We're going to introduce you to animations in Flutter and cover how to build ...

Slider, RangeSlider, and CupertinoSlider(Flutter Widget of the Week)

Slider, RangeSlider, and CupertinoSlider(Flutter Widget of the Week)

Need a quick way to select from a range of values? The Slider widget selects a single value from a range. Learn more about Slider → https://goo.gle/2BHRvmv ...

Flutter TV Announcement: Thank you for helping us reach 100k Subscribers!

Flutter TV Announcement: Thank you for helping us reach 100k Subscribers!

In celebration of passing the 100000 subscriber mark, please enjoy Flutter TV, with your favorite host, Dash, and two of our new team members, Fitz and Thea!

DataTable (Flutter Widget of the Week)

DataTable (Flutter Widget of the Week)

Do you have some important data to show to the user in a table? Define your columns, rows, and automatically size cells with DataTable! Learn more about ...

SelectableText (Flutter Widget of the Week)

SelectableText (Flutter Widget of the Week)

Have you ever wanted to make some display text in your app selectable? SelectableText is the widget for you! Learn more about SelectableText ...

Container (Flutter Widget of the Week)

Container (Flutter Widget of the Week)

Do you have a widget that needs some styling like background color, shape, or some size constraints? Try wrapping it in a Container widget! The Container ...

ListTile (Flutter Widget of the Week)

ListTile (Flutter Widget of the Week)

Why spend hours working out the perfect item layout with rows, columns, containers, and various amounts of spacing and styling when you could just use a ...

Flutter Onsite at Google Developer Days China 2019

Flutter Onsite at Google Developer Days China 2019

At Google Developer Days China 2019, we announced Flutter 1.9 and that web support has been merged into the main flutter repository. In this episode of ...

Isolates and multithreading in Flutter (The Boring Flutter Development Show, Ep. 30)

Isolates and multithreading in Flutter (The Boring Flutter Development Show, Ep. 30)

In this episode of the Boring Show, Filip is joined by Andrew. Follow along as they dive into isolates and multithreading in Dart. Helpful Resources: The Isolate ...

ListView (Flutter Widget of the Week)

ListView (Flutter Widget of the Week)

Want a set of items to be viewable in a scrollable list? ListView is as simple as supplying a list of items and can be easily customized to your liking. Try it out and ...

FractionallySizedBox (Flutter Widget of the Week)

FractionallySizedBox (Flutter Widget of the Week)

Sometimes your design calls for dimensions that are relative. FractionallySizedBox allows you to size the child to a fraction of the total available space.

Flutter Meets the Physical World at OSCON

Flutter Meets the Physical World at OSCON

Join Google Developer Advocates, Emily Fortuna and Matt Sullivan, for their OSCON talk as they live code Flutter mobile and web app with slick animations, and ...

Tencent Apps: Flutter Developer Story

Tencent Apps: Flutter Developer Story

There are numerous product teams at Tencent who share one common vision: to create a beautiful, smooth, connected experience for every user. See how one ...

Custom Navigator (The Boring Flutter Development Show, Ep. 29)

Custom Navigator (The Boring Flutter Development Show, Ep. 29)

In this episode of the Boring Show, Filip is joined by guest John, from the Dart team, and they implement a custom Navigator together. This means the ...

AnimatedOpacity (Flutter Widget of the Week)

AnimatedOpacity (Flutter Widget of the Week)

Want to change how visible a widget is with a nice animation? AnimatedOpacity can help by fading a widget into view or by making it less prominent when ...

What's New in Flutter 1.9

What's New in Flutter 1.9

Flutter 1.9 is here and ready for all your widget needs with some cool new features! In this release we have more built-in widgets, iOS style updates, support for ...

Stack (Flutter Widget of the Week)

Stack (Flutter Widget of the Week)

If you've ever wanted overlapping elements, then Stack is the widget for you! Stack allows you to overlay multiple widgets on top of each other. For example, you ...

Use CustomPaint to create a Drawing App (The Boring Flutter Development Show, Ep. 28)

Use CustomPaint to create a Drawing App (The Boring Flutter Development Show, Ep. 28)

In this episode of the Boring Show, Mary is joined by guest Tasha to build a drawing app that uses CustomPaint, to be used in creating a Flip Book. Watch Tasha ...

ConstrainedBox (Flutter Widget of the Week)

ConstrainedBox (Flutter Widget of the Week)

Flutter's ConstrainedBox widget is great to add requirements for a widget's sizing behavior. Wrapping widgets in a ConstrainedBox lets you specify their min and ...

Semantics (Flutter Widget of the Week)

Semantics (Flutter Widget of the Week)

Flutter's Semantics widget can annotate an app's UI with information about the meaning of other widgets. It has almost fifty properties you can use to provide ...

AnimatedPadding (Flutter Widget of the Week)

AnimatedPadding (Flutter Widget of the Week)

AnimatedPadding is a great way to provide smooth buffers and spaces between widgets and screen borders. Use this to dynamically change the padding of the ...

AnimatedSwitcher (Flutter Widget of the Week)

AnimatedSwitcher (Flutter Widget of the Week)

The AnimatedSwitcher widget allows you to switch between two or more widgets with an animation as you transition. By default, a FadeTransiton will appear ...

Generator Functions - Flutter in Focus

Generator Functions - Flutter in Focus

This is the fifth video in the Flutter in Focus series on asynchronous coding in Dart. In this episode, learn about generator functions (sync and async), how they ...

ReorderableListView (Flutter Widget of the Week)

ReorderableListView (Flutter Widget of the Week)

This video is also subtitled in Chinese, Indonesian, Italian, Japanese, Korean, Portuguese, and Spanish. Learn everything about Flutter at ...

A Database For The HN App (The Boring Flutter Development Show, Ep. 25)

A Database For The HN App (The Boring Flutter Development Show, Ep. 25)

The first multiplexed episode of the Boring Show! This episode features an engineer in Seattle (Emily) and another in Mountain View (Andrew) working together ...

Async/Await - Flutter in Focus

Async/Await - Flutter in Focus

This is the fourth video in the Flutter in Focus series on asynchronous coding in Dart. In this episode, learn how to use the async and await keywords with Dart's ...

Flutter- Google’s latest innovation for mobile, web, and desktop apps

Flutter- Google’s latest innovation for mobile, web, and desktop apps

A Keynote talk by Martin Aguinis and Matt Sullivan at the WeAreDevelopers conference in Berlin discussing how Flutter is redefining app development for ...

Flutter Presentación en Español

Flutter Presentación en Español

Martin Aguinis presenta sobre Flutter en Español durante México Partner Day. Flutter es el kit UI portátil de Google para crear aplicaciones nativas para móvil, ...

Pragmatic State Management Using Provider (The Boring Flutter Development Show, Ep. 24)

Pragmatic State Management Using Provider (The Boring Flutter Development Show, Ep. 24)

In this episode, Filip and Matt go over the Provider package, a straightforward way to manage state in a Flutter app. Watch the pair swap out BLoC with Provider ...

Dart Streams - Flutter in Focus

Dart Streams - Flutter in Focus

This is the third video in the Flutter in Focus series on asynchronous coding in Dart. In this episode, learn about the fundamentals of reactive coding with streams ...

LimitedBox (Flutter Widget of the Week)

LimitedBox (Flutter Widget of the Week)

Ever had a widget that misbehaved when given unlimited size to grow? The LimitedBox widget provides size constraints to widgets in cases where their ...

Dart Futures - Flutter in Focus

Dart Futures - Flutter in Focus

This is the second video in the Flutter in Focus series on asynchronous coding in Dart. In this episode, learn everything about Future objects, Dart's most basic ...

AspectRatio (Flutter Widget of the Week)

AspectRatio (Flutter Widget of the Week)

The AspectRatio widget can be used to adjust the aspect ratio of widgets in your app. Use it to keep the ratio of your widget's width and height consistent when ...

AnimatedIcon (Flutter Widget of the Week)

AnimatedIcon (Flutter Widget of the Week)

Use the AnimatedIcon widget to drop an animated icon straight into your app. Flutter also has a great set of inanimate icons to choose from. Learn more about ...

Isolates and Event Loops - Flutter in Focus

Isolates and Event Loops - Flutter in Focus

This is the first video in the Flutter in Focus series on asynchronous coding in Dart. In this episode, you can learn about how Dart's isolates and event loops lay ...

InheritedWidget (Flutter Widget of the Week)

InheritedWidget (Flutter Widget of the Week)

The InheritedWidget allows your child widgets to access data from the parent widget. Use it to save yourself the trouble of having to pass data around between ...

Reflectly App (Flutter Developer Story)

Reflectly App (Flutter Developer Story)

Reflectly's mission was to create a beautifully designed app to counter the stress of social media and technology. The team turned to Flutter to create a user ...

Spacer (Flutter Widget of the Week)

Spacer (Flutter Widget of the Week)

The Spacer widget can help you control how much space appears between widgets in a Row or Column. Just add it between two widgets and set its flex ...

MediaQuery (Flutter Widget of the Week)

MediaQuery (Flutter Widget of the Week)

Use MediaQuery to adjust your app's UI layout based on different screen sizes. You can also use it to make UI adjustments based on user layout preferences.

Source Generation and Writing Your Own Package (The Boring Flutter Development Show, Ep. 22)

Source Generation and Writing Your Own Package (The Boring Flutter Development Show, Ep. 22)

In this episode of the Boring Show, Filip is joined by two guests: Swav and Diego. With Swav, they show how to use source generation to make custom widgets ...

Flexible (Flutter Widget of the Week)

Flexible (Flutter Widget of the Week)

Use Flexible for resizing your widgets in rows and columns. You can use it to adjust how much space different child widgets take up relative to their parent ...

AnimatedList (Flutter Widget of the Week)

AnimatedList (Flutter Widget of the Week)

Use AnimatedList to make your lists more dynamic. You can use it to animate your lists when inserting or removing items. Learn more about AnimatedList ...

Pragmatic State Management in Flutter (Google I/O'19)

Pragmatic State Management in Flutter (Google I/O'19)

Declarative UI frameworks eliminate whole classes of bugs. But they can also be a puzzle until you figure out how to structure your app logic around them.

Beyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and Web (Google I/O'19)

Beyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and Web (Google I/O'19)

Flutter is a great way to build mobile apps for iOS and Android from a single codebase. But did you know that Flutter is expanding beyond mobile to run on ...

Building for iOS with Flutter (Google I/O'19)

Building for iOS with Flutter (Google I/O'19)

In this talk, you'll learn how to put Flutter's Cupertino package to work building interfaces that iOS users will enjoy, plus some techniques for keeping as much of ...

Beyond Mobile: Material Design, Adaptable UIs, and Flutter (Google I/O'19)

Beyond Mobile: Material Design, Adaptable UIs, and Flutter (Google I/O'19)

The Material Components library has grown since Flutter's launch. Learn what's new, how to use it with our iOS Design Language library Cupertino, and how to ...

Flutter Create Highlight Reel

Flutter Create Highlight Reel

Flutter Create is a contest that challenges you to build something interesting, inspiring, and beautiful with Flutter using 5KB or less of Dart code. Read about the ...

Testing Flutter Apps - Making Sure Your Code Works (The Boring Flutter Development Show, Ep. 21)

Testing Flutter Apps - Making Sure Your Code Works (The Boring Flutter Development Show, Ep. 21)

In this episode of the Boring Show, Filip and guest Anthony go over how to test your Flutter apps before publishing it and the different types of automated testing: ...

ValueListenableBuilder (Flutter Widget of the Week)

ValueListenableBuilder (Flutter Widget of the Week)

Use ValueListenableBuilder to update your UI whenever the data changes. You can also use it to animate widgets! Learn more about ValueListenableBuilder ...

Shrine with Square - Adding In App Payments (The Boring Flutter Development Show, Ep. 20)

Shrine with Square - Adding In App Payments (The Boring Flutter Development Show, Ep. 20)

In this episode of the Boring Show, Emily and guest, Shannon Skipper from Square, add in-app payments to a demo shopping app using the In-App Payments ...

SizedBox (Flutter Widget of the Week)

SizedBox (Flutter Widget of the Week)

Set the exact size of anything with the SizedBox widget. You can provide both dimensions, or just provide one and let the Flutter layout rules fill in the other.

Building DashCast, a podcast app in Flutter (The Boring Flutter Development Show, Ep. 19)

Building DashCast, a podcast app in Flutter (The Boring Flutter Development Show, Ep. 19)

In this special April 1st edition of the Boring Show, Matt and guest star Dash get started on 'DashCast' a new podcast playing app. With Dash's vigilant ...

Custom painting in Flutter - Flutter In Focus

Custom painting in Flutter - Flutter In Focus

Are you looking to create an advanced UI using Flutter's CustomPaint and CustomPainter widgets? Well, you're in luck! In this episode of Flutter in Focus, Matt ...

Using WebViews in Flutter - Flutter In Focus

Using WebViews in Flutter - Flutter In Focus

WebView is a component to render and display a webpage in your app without opening a browser. Emily Fortuna shows you how to use the WebView widget to ...

Dismissible (Flutter Widget of the Week)

Dismissible (Flutter Widget of the Week)

The Dismissible widget can be used to clear list items by swiping left or right. It supports two backgrounds for multi-direction swipes, and there's a direction ...

Computer Vision with ML Kit - Flutter In Focus

Computer Vision with ML Kit - Flutter In Focus

Are you looking to experiment with face detection, text recognition, image labeling, and more in your Flutter app? This is now possible with the ML Kit Vision ...

Flutter for Design (Mobile World Congress ‘19)

Flutter for Design (Mobile World Congress ‘19)

The Designer + Developer relationship is constantly evolving and critical for app experience success. Watch this session to learn more about Flutter's expressive ...

Flutter for Developers (Mobile World Congress ‘19)

Flutter for Developers (Mobile World Congress ‘19)

Flutter is redefining how developers make apps for iOS and Android. This session focuses on the developer experience of Flutter, including a live coding demo ...

Flutter for Business (Mobile World Congress ‘19)

Flutter for Business (Mobile World Congress ‘19)

Flutter, Google's toolkit for building beautiful native apps on iOS and Android from a single codebase, is used by companies around the world including Alibaba, ...

Refactoring! Also, advanced Dart language features (The Boring Flutter Development Show, Ep. 17)

Refactoring! Also, advanced Dart language features (The Boring Flutter Development Show, Ep. 17)

In this episode of The Boring Flutter Development Show, Filip and Emily focus on advanced Dart language features. Together they refactor the Hacker News app ...

Highlights from Flutter at Mobile World Congress 2019

Highlights from Flutter at Mobile World Congress 2019

The Flutter team headed to Barcelona for Mobile World Congress 2019. At MWC, we released Flutter 1.2 and Dart 2.2. In this recap, you will learn about the ...

Shared Preferences, Switch Class & Modal Bottom Sheets (The Boring Flutter Development Show, Ep. 16)

Shared Preferences, Switch Class & Modal Bottom Sheets (The Boring Flutter Development Show, Ep. 16)

In this episode of The Boring Flutter Development Show, Andrew and Matt use the shared preferences package for Flutter to add a configuration option to the ...

Flutter’s Cupertino Package for iOS devs - Flutter In Focus

Flutter’s Cupertino Package for iOS devs - Flutter In Focus

In this video, Andrew dives into the Flutter Cupertino widget package. The Cupertino package is built and maintained by the Flutter team and it ships with the ...

AnimatedBuilder (Flutter Widget of the Week)

AnimatedBuilder (Flutter Widget of the Week)

Flutter has great animation support - use the AnimatedBuilder widget to create animations. You can also manage the AnimatedController with a StatefulWidget.

Dream11 Fantasy Sports App (Flutter Developer Story)

Dream11 Fantasy Sports App (Flutter Developer Story)

Dream11 is India's largest sports gaming platform with 50 million registered users. With few devs on their team, and many new ideas for their platform, Dream11 ...